小程序跑马灯功能

jonh_felix 发布于2019-08-23 13:06 / 3029人阅读

摘要：

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

    });
 },

海外云主机服务器托管小程序功能开发开发小程序功能小程序的功能小程序有什么功能

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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