小程序跑馬燈功能

jonh_felix 發布于2019-08-23 13:06 / 3166人閱讀

摘要：

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,
        });
      }

    });
 },

GPU云服務器云服務器小程序功能開發開發小程序功能小程序的功能小程序有什么功能

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99215.html

【小程序可用】CSS3 animation 實現的跑馬燈

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

tianlai 2019-08-20 16:50 評論0 收藏0
前端插件庫

摘要：原文鏈接前端插件庫站點前端開發文檔博客前端插件庫前端插件庫官網是的函數庫，目的是強化表格操作如搜索排序，并自動加入組件引入表格中，使用非常靈活簡便。由推出，靈活扎實的建議列表函數庫。原文鏈接：前端插件庫站點：前端開發文檔博客：前端插件庫前端插件庫 DataTables 官網：https://www.datatables.net/ DataTables是jQuery的JavaScr...

高勝山 2019-08-26 13:44 評論0 收藏0
前端插件庫

摘要：原文鏈接前端插件庫站點前端開發文檔博客前端插件庫前端插件庫官網是的函數庫，目的是強化表格操作如搜索排序，并自動加入組件引入表格中，使用非常靈活簡便。由推出，靈活扎實的建議列表函數庫。原文鏈接：前端插件庫站點：前端開發文檔博客：前端插件庫前端插件庫 DataTables 官網：https://www.datatables.net/ DataTables是jQuery的JavaScr...

shusen 2019-08-30 10:53 評論0 收藏0
JavaScript “跑馬燈”抽獎活動代碼解析與優化（一）

摘要：最近的項目中做了一個跑馬燈的抽獎特效插件。這里主要是來寫寫自己的優化過程。所以寫代碼的時候一定要注意一些小細節哈。。。在以后，其返回的元素順序等同于在中出現的先后順序。盡管是一個數組。這時從加入執行隊列到加入執行隊列中間時間間隔是。最近的項目中做了一個跑馬燈的抽獎特效插件。上篇文章已經分享過html和css 的相關知識。這篇文章主要分享一些 JavaScript 相關的知識。這幾天在...

isaced 2019-08-19 17:36 評論0 收藏0