小程序
进击的冉冉
这个作者很懒,什么都没留下…
展开
-
小程序上传图片功能
对于上传图片功能,限制图片数量时,预览图如下代码如下: <view class="rupload-section"> <view class="section-title">上传凭证:</view> <view class="upload-img-list"> <view class="upload-img-item" wx:for="{{uploaderList}}" wx:key="item">原创 2020-07-30 11:46:48 · 609 阅读 · 0 评论 -
微信小程序页面滚动到指定位置
给需要滚到特定位置的元素或者组件添加一个id,通过这个id值可确定位置数据,具体代码如下:var that= this; var query = wx.createSelectorQuery().in(that); query.selectViewport().scrollOffset() query.select("#"+特定id值).boundingClientRect(); query.exec(function (res) { console.log(res);原创 2020-07-30 11:09:09 · 2194 阅读 · 0 评论 -
微信小程序编写问卷调查,如何获取问题答案?
做问卷调查时,当单选、多选、问答题循环时,获取题目答案可如下:问卷数据类型<view class="common-info {{index !=0?'top-info':''}}" wx:for="{{list}}" id="{{item.id}}" wx:key="id"> <view class="question"> <span class="red-star">*</span> <span>{{i原创 2020-07-30 10:22:43 · 2763 阅读 · 0 评论 -
小程序scroll-view 实现两行滑动金刚区,滑动进度条
业务需要,需要做一个两行可滑动的金刚区展示模块,效果图如下:代码如下: <!-- 中间金刚区目录图标区域 --> <view class="second-module-allicon"> <scroll-view class="nav-bar" scroll-x bindscroll="scroll"> <!-- 使用flex布局实现横向滚动,在scroll-view里加一层容器包裹,才会出现滚动效果 -->原创 2020-07-30 09:51:51 · 3484 阅读 · 2 评论