微信小程序
let_me_shy荭
这个作者很懒,什么都没留下…
展开
-
微信小程序跑马灯效果
在这里我是把它当做一个组件来用的,命名为Marqueehtml代码如下<view class="horse-race-lamp"> <!-- 跑马灯效果 --> <view class="example"> <view class="marquee-box"> <view class="marquee-text" style="left:{{marqueeDistance}}px;"> <vi原创 2021-08-17 14:17:14 · 296 阅读 · 0 评论 -
微信小程序scroll-view实现自定义滚动条
微信小程序scroll-view实现自定义滚动条html <!-- 九宫格 --> <scroll-view class="my-grid" scroll-x="true" bindscroll="getleft"> <view class="grid-item" wx:for="{{gridlist}}" wx:key="index"> <text>{{item.name}}</text> </view转载 2021-08-17 13:56:44 · 2670 阅读 · 0 评论 -
微信小程序——录入车牌号码
咱们通过组件的方式来实现此功能:组件index.html <view class="modal-box"> <view class="modal-wrapper"> <view class="modal-title"> <view class="titleWrapper"><text class="title-text">请录入车牌号</text></v原创 2021-06-17 16:26:51 · 1836 阅读 · 0 评论 -
微信小程序——转盘抽奖
效果图:转盘和里面的奖品名称都是背景图,如果需要自己配置奖品需要改html代码index.html<view class="containers"> <view class="main"> <!-- 转盘 --> <view class="canvas-container"> <view animation="{{animationData}}" class="canvas-content" > <原创 2021-06-17 15:56:37 · 1398 阅读 · 0 评论 -
# 微信小程序——自定义导航栏
微信小程序——自定义导航栏因为这个头部导航是公共的,所以我们最好把它设置成一个组件,命名为navbarapp.js代码如下App({ globalData: { }, onLaunch: function () { let menuButtonObject = wx.getMenuButtonBoundingClientRect(); wx.getSystemInfo({ success: res => { let statusB原创 2021-06-17 15:29:34 · 124 阅读 · 0 评论