更新记录
1.0.0(2021-03-24)
无
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
介绍
组件【签到领券】
可以滑动
使用方式
- 引入组件
import siginIn from '../../components/fanxiao-sign/sigin-in.vue';
components: {
siginIn
},
- 变量
data() {
return {
sign_list: [
{
discount: '95折',
day: '3'
},
{
discount: '8折',
day: '10'
},
{
discount: '6折',
day: '15'
},
{
discount: '6折',
day: '20'
},
{
discount: '6折',
day: '25'
},
{
discount: '6折',
day: '30'
}
]
};
},
- 页面
<siginIn :sign_list="sign_list" @click="getsigin"></siginIn>
- 组件方法
getsigin(e) {
console.log('已点击签到------');
}
个人说明
如有问题,请留言
效果阅览
![未标题-2.gif 输入图片说明](https://images.gitee.com/uploads/images/2021/0323/182226_ab61da88_4985441.gif)
![one.jpg 输入图片说明](https://images.gitee.com/uploads/images/2021/0323/182428_629d567f_4985441.jpeg)
![two.jpg 输入图片说明](https://images.gitee.com/uploads/images/2021/0323/182442_d7ddb3ed_4985441.jpeg)