![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
我不淑女girl
这个作者很懒,什么都没留下…
展开
-
微信小程序添加单页面标题
每张页面默认的标题是app.json里面设置的全局标题,添加单页面标题只需在当前文件的.json里面设置即可{ "navigationBarTitleText":"商品详情" }原创 2019-03-06 17:10:16 · 2448 阅读 · 0 评论 -
使用base64解码url掉的坑
base64.js网上一大推文件,我也是从网上借鉴的,但是使用方法各有千秋。我用到的是解码url路径,具体如下base64.js文件代码:export let Base64 = { // 转码表 tables: [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P'...原创 2019-03-29 17:32:22 · 1726 阅读 · 0 评论 -
微信小程序给循环数组动态添加元素,评论或点赞数量超过999,展示999+
有时候为了展示,需要往每条数组中添加一个值为boolen类型的元素;首先要循环这个数组,其次添加元素,然后定义元素的boolen值代码如下:wxml代码:<view wx:for="{{arr}}" wx:key="{{item.index}}" class='list'> <view wx:if = "{{item.show}}" class='listChild'...原创 2019-03-22 11:44:01 · 1617 阅读 · 0 评论 -
微信小程序实现轮播图
微信小程序轮播图要用到swiper组件,即滑块视图容器wxml代码<view> <swiper autoplay='true' current="{{swiperCurrent}}" interval='5000' duration='200' bindchange='swiperChange' circular='true' > ...原创 2019-03-13 17:06:09 · 1602 阅读 · 1 评论 -
微信小程序判断input是否为空
微信小程序中用到input值时候,判断其内容不为空,可以用if-elsewxml代码 &amp;lt;view class=&quot;name&quot;&amp;gt; &amp;lt;text&amp;gt;姓名&amp;lt;/text&amp;gt; &amp;lt;input type='text' placeholder='原创 2019-03-13 16:36:24 · 19079 阅读 · 11 评论 -
微信小程序获取用户信息之后,页面间的传值
我们进入一个小程序,首先会请求获取用户昵称及头像,从“首页”获取的资料要传值的“我的”这个页面里面我开始做的时候,在“我的”这个页面获取到的用户信息可以传值给“首页”,但是“首页”获取到的资料无法传给“我的”,费劲一番周折(原谅我太笨),解决了,代码如下:index页面:wxml代码:<view> <view wx:if="{{!hasUserInfo &&...原创 2019-03-25 15:21:27 · 3400 阅读 · 3 评论 -
微信小程序请求接口渲染数据
微信小程序请求接口渲染数据,需在data中声明接收数据的变量,在请求接口成功之后,用setData接收数据wxml代码&lt;view class="shop"&gt;{{list.title}}&lt;/view&gt;js代码const app = getApp()Page({ data: { list:[] } /** * 生命周期函数--监听页面加载 ...原创 2019-03-08 10:02:13 · 3257 阅读 · 0 评论 -
微信小程序中,点击wx:for渲染的数据,view里的文字颜色改变、展示不同的内容
用wx:for渲染数据,不确定有多少条数据,要使得点击当前数据获取当前数据的下一级数据,描述可能会不太清楚,就是实现图中这种功能:wxml代码: &lt;!-- 这是要展示的规格 --&gt; &lt;view wx:for="{{items}}" wx:key="id" bindtap='selShopTc' data-index="{{index}}&原创 2019-03-15 10:29:55 · 5316 阅读 · 0 评论 -
flex布局微信小程序中input和texteare遇到的问题/注意点
今天写小程序的时候遇到一个问题,用input和textarea布局,左边的文字区域的宽度是相同的,但是到页面展示的时候textarea输入框的placeholder的内容偏左边,试了各种方法,后来发现给textarea的css添加flex:1,问题瞬间解决 &amp;lt;view class=&quot;name&quot;&amp;gt; &amp;lt;text&amp;gt;地区&原创 2019-03-06 17:29:18 · 1132 阅读 · 0 评论 -
base64加密解密及html富文本转小程序格式同时使用
我的文件在base文件里面码的代码base.wxml代码:<import src="../wxParse/wxParse.wxml" /> <!-- 引入wxparse.wxml文件 --><!-- base64解码之后,用wxparse展示html富文本 --><view class='boxstr'> <text>b...原创 2019-03-29 17:44:27 · 1192 阅读 · 0 评论