成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

小程序跑馬燈功能

jonh_felix / 3171人閱讀

摘要:

1.wxml
  
    
    
      
        
          {{item.notice}}
        
      
    
  
  
2.wxss
.index-swiper {
    position: relative;
    margin: 20rpx 0 18rpx 0;
    background-color: white;
    width:702rpx;
    height: 88rpx;
    margin-left:24rpx;
    border-radius: 8rpx;
}
.index-swiper::after {
  content:" ";
  position: absolute;
  top:0;
  bottom: 0;
  left:0;
  right:0;

} 

.index-swiper-icon {
    position: absolute;
    top:22rpx;
    left: 40rpx;
    width: 48rpx;
    height: 48rpx;
}

.index-swiper-content {
    margin-left: 128rpx;
    font-size: 26rpx;
    height: 70rpx;
    line-height: 70rpx;
}
.index-swiper-content-term{
  margin-top:9rpx; 
}
.index-swiper-content-term>text:first-of-type {
    padding: 4rpx 12rpx;
    margin-right: 18rpx;
    color: #333;   
}
3.js
import merchantModel from "../../models/merchant.js"
let app = getApp()
 onShow() {
  merchantModel.notice({ merid: app.globalData.merid }).then(res => {
      if (res.result == 1 && res.data) {
        this.setData({
          notice: res.data,
        });
      }

    });
 },

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/99215.html

相關(guān)文章

  • 程序可用】CSS3 animation 實(shí)現(xiàn)的馬燈

    摘要:先放個(gè)效果如果能訪問最好主要原理微信小程序現(xiàn)在實(shí)際上還是用的,里面搞動(dòng)畫效率最高的莫過于使用的了。由于微信小程序中無法獲取到對應(yīng)元素的寬度,這個(gè)時(shí)間只能寫死或者根據(jù)的長度估算出一個(gè)值。 最近有個(gè)項(xiàng)目里面用到跑馬燈,網(wǎng)上搜了下,雖然有人貼出來過一些實(shí)現(xiàn),但是實(shí)際上都存在一些個(gè)問題。 哎,再造個(gè)輪子吧。 先放個(gè)效果:showImg(https://segmentfault.com/img/...

    tianlai 評論0 收藏0
  • 前端插件庫

    摘要:原文鏈接前端插件庫站點(diǎn)前端開發(fā)文檔博客前端插件庫前端插件庫官網(wǎng)是的函數(shù)庫,目的是強(qiáng)化表格操作如搜索排序,并自動(dòng)加入組件引入表格中,使用非常靈活簡便。由推出,靈活扎實(shí)的建議列表函數(shù)庫。 原文鏈接:前端插件庫站點(diǎn):前端開發(fā)文檔博客:前端插件庫 前端插件庫 DataTables 官網(wǎng):https://www.datatables.net/ DataTables是jQuery的JavaScr...

    高勝山 評論0 收藏0
  • 前端插件庫

    摘要:原文鏈接前端插件庫站點(diǎn)前端開發(fā)文檔博客前端插件庫前端插件庫官網(wǎng)是的函數(shù)庫,目的是強(qiáng)化表格操作如搜索排序,并自動(dòng)加入組件引入表格中,使用非常靈活簡便。由推出,靈活扎實(shí)的建議列表函數(shù)庫。 原文鏈接:前端插件庫站點(diǎn):前端開發(fā)文檔博客:前端插件庫 前端插件庫 DataTables 官網(wǎng):https://www.datatables.net/ DataTables是jQuery的JavaScr...

    shusen 評論0 收藏0
  • JavaScript “馬燈”抽獎(jiǎng)活動(dòng)代碼解析與優(yōu)化(一)

    摘要:最近的項(xiàng)目中做了一個(gè)跑馬燈的抽獎(jiǎng)特效插件。這里主要是來寫寫自己的優(yōu)化過程。所以寫代碼的時(shí)候一定要注意一些小細(xì)節(jié)哈。。。在以后,其返回的元素順序等同于在中出現(xiàn)的先后順序。盡管是一個(gè)數(shù)組。這時(shí)從加入執(zhí)行隊(duì)列到加入執(zhí)行隊(duì)列中間時(shí)間間隔是。 最近的項(xiàng)目中做了一個(gè)跑馬燈的抽獎(jiǎng)特效插件。上篇文章已經(jīng)分享過html和css 的相關(guān)知識。這篇文章主要分享一些 JavaScript 相關(guān)的知識。這幾天在...

    isaced 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<