微信小程序
文章平均质量分 82
ColorKin
小白人士,摸索中,所写文章都是自己遇到的问题,不管是简单的还是复杂的。
展开
-
微信小程序--电池容量、电池剩余电量样式
效果如图所示:竖列的我用的旋转横列90度实现的wxml:<viewclass="complex"><viewdata-charge='0'class="battery"></view><viewdata-charge='1'class="battery"></view><viewdata-charge='2'class="battery"></view>...原创 2020-09-10 14:27:15 · 3158 阅读 · 0 评论 -
微信小程序--点击列表进入详情
尽量不要用缓存去写效果展示:点击编辑,进入编辑页第一页编辑按钮:<viewclass="bj-btn"bindtap="redactGroup"data-id="{{传递的id}}">编辑</view>redactGroup方法:options.currentTarget.dataset.前面自定义的名字redactGroup(options){letid=options.currentTarget.dataset.id;...原创 2020-09-01 16:26:26 · 1426 阅读 · 0 评论 -
2020/7/7学习记录
1.微信小程序text内容显示空格<text decode="{{true}}"space="{{true}}">报名人数 </text>decode="{{true}}"space="{{true}}2.原创 2020-07-08 08:35:07 · 172 阅读 · 0 评论 -
2020//7/6学习记录
1.微信小程序圆角样式border-radius:20rpx;2.微信小程序横向布局display: flex;/*row 横向 column 列表 */flex-direction: row;/* 左右居中 */justify-content: center;/* 上下居中 */align-items: center;3.文字左右布局父元素用到:justify-content:space-between;子元素:<viewstyle...原创 2020-07-07 08:27:20 · 199 阅读 · 0 评论 -
微信小程序列表点击跳转对应详情页
效果展示:列表页js部分:onLoad:function(options){varthat=this;wx.request({url:'你的接口',data:{ 接口参数},header:{'content-type':'ap...原创 2020-04-25 07:37:46 · 5843 阅读 · 0 评论 -
微信小程序解析富文本标签
wxParse方法我踩雷了微信官方文档有个更为便捷的标签<rich-textnodes="{{}}"></rich-text>原创 2020-04-25 07:22:56 · 638 阅读 · 0 评论 -
微信小程序真机预览图片图标无法显示
注意点:1.路径问题,路径最好不要超过两个:比如/images 这是一个,../images这是两个2.图片用的是<img/>不是<image/>3.图片名、文件夹名不能为中文,不能有空格4.图片的http地址为小写、图片后缀名为小写...原创 2020-04-16 17:33:08 · 2352 阅读 · 0 评论 -
微信小程序一个js文件读取多个接口数据
我也不知道这个叫啥问题我也不知道这样写是不是不对数据确实拿到了data:{warningarr:null,mydata:null,mySensor:null},/***生命周期函数--监听页面加载*/onLoad:function(options){ ....../*自己的...原创 2020-04-05 09:20:19 · 1506 阅读 · 0 评论 -
2020/4/1微信小程序笔记
1.微信小程序的登录流程 通过wx.login()获取登录凭证code 通过button组件的open-type="getUserInfo", 获取用户信息 将获取到的登录凭证和用户信息传递到自己的服务器 在自己的服务器上将登录凭证发送到微信的服务器上换取openid和session_key ...原创 2020-04-02 22:42:24 · 191 阅读 · 0 评论 -
2020/3/28微信小程序笔记
1.左右布局display:flex;flex-direction:row;2.修改switch组件大小style='zoom:.6'具体数值看个人而定3.仿个性签名关键词:textareatextarea限制字数关键词:maxlength\minlength4.设置渐变色css background: -webkit-linear-gradient(lef...原创 2020-04-02 22:40:42 · 185 阅读 · 0 评论