极乐门资源网 Design By www.ioogu.com
本文实例为大家分享了微信小程序横向滑动滚动条的具体代码,供大家参考,具体内容如下
效果图
实现代码
index.wxml
<scroll-view scroll-x="true" class="scroll-view-x" style="padding-top:10rpx" scroll-with-animation="true" wx:if="{{tlist[currentTab].secondList}}" scroll-left='0' bindscroll="getleft"> <!--内容区域--> <view> <view class="navigator_second" wx:for="{{tlist[currentTab].secondList}}" wx:for-item="childItem" bindtap="getProductList" data-id="{{childItem.id}}"> <image class="navigator_icon" src="/UploadFiles/2021-04-02/{{childItem.icon}}">index.js
//获取应用实例 var app = getApp(); Page({ data: { navigate_type:'',//分类类型,是否包含二级分类 slideWidth:'',//滑块宽 slideLeft:0 ,//滑块位置 totalLength:'',//当前滚动列表总长 slideShow:false, slideRatio:'' }, onLoad: function () { var self = this ; var systemInfo = wx.getSystemInfoSync() ; self.setData({ list: _list, windowHeight: app.globalData.navigate_type == 1 "htmlcode">.scroll-view-x{ background-color: #fff; white-space: nowrap; } .navigator_second{ width:150rpx; text-align:center; display:inline-block; height:115rpx; } .navigator_icon{ width:60rpx; height:60rpx; } .navigator_text{ display:block; width:100%; font-size:24rpx } .slide{ height:30rpx; background:#fff; with:100%; padding:14rpx 0 5rpx 0 } .slide .slide-bar{ width:230rpx; margin:0 auto; height:1.5px; background:#eee; } .slide .slide-bar .slide-show{ height:100%; background-color:#ff6969; }项目地址:微信小程序横向滑动滚动条
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
极乐门资源网 Design By www.ioogu.com
极乐门资源网
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
极乐门资源网 Design By www.ioogu.com
暂无微信小程序scroll-view仿拼多多横向滑动滚动条的评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
2024年09月19日
2024年09月19日
- 战锤40K星际战士2动力拳使用教学|动力拳连招表
- 王菲.1999《天生不是情造》引进版[低速原抓WAV+CUE]
- 群星《抖烧第二季AQCD》[WAV+CUE]
- JenniferWarnes《猎人》美国头版[原抓WAV+CUE]
- 外网博主对比育碧和V社的运营服务:G胖太大气了
- 推主询问玩家是否会玩《黑神话》DLC 得到一片肯定声
- 百万粉丝女主播直播卖惨被抓 编造身世卖惨牟利
- 群星《音你而来 第6期》[FLAC/分轨][271.96MB]
- 群星《微暗之火 影视原声带》[FLAC/分轨][77.32MB]
- 群星《微暗之火 影视原声带》[FLAC/分轨][170.52MB]
- 韩宝仪.2014-潇洒经典金曲·南方金点系列2CD【南方】【WAV+CUE】
- 郑希怡.2005-Yumiko【英皇娱乐】【FLAC分轨】
- 窦靖童.2024-空中飞人【GreyWaters】【FLAC分轨】
- 战锤40K星际战士2战斗小刀使用教学|战斗小刀连招表
- 战锤40K星际战士2动力剑使用教学|动力剑连招表