LLL_liuhui的博客

1、app.wxsspage{ font-size: 32rpx; background-color: #F2F2F2; color: #333; width: 100vw; height: 100vh; --themeColor:#B01717; // 样式变量}2、在其他页面使用color: var(--themeColor);

.bg{ background: linear-gradient(#3E54D7, #4360E2,#4F76FF); }

文档：https://developers.weixin.qq.com/miniprogram/dev/api/base/update/wx.getUpdateManager.htmlif (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { if (res.ha.

微信小程序文档：https://developers.weixin.qq.com/miniprogram/dev/api/file/wx.openDocument.htmlwx.downloadFile({ url: 'http://list.xls', success: (res) => { wx.openDocument({ filePath: res.tempFilePath, success: functi.

data-参数名="值"bind:tap="事件名称"<view class="tab-item {{tabIndex=='1' ? 'active' : ''}}" data-tab="1" bind:tap="tabChange">点击</view>tabChange(event){ console.log('tabChange', event) let tabIndex = event.currentTarget.dataset.tab; .

微信新版本通过useExtendedLib引入即可，不用使用npm构建1、引入weui在app.json页面，设置"weui":true{ "pages": [ "pages/index/index", "pages/login/index" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigation...

小程序文档小程序提供了接口，直接调用设置即可wx.setNavigationBarTitle({ title: '当前页面'})

qrcode路径返回的base64码显示图片：<image :src="'data:image/jpg;base64,' + qcCode"></image><button type="primary" class="saveBtn" @tap="getSaveImg(qcCode)">保存二维码至相册</button>保存二维码至相册，先判断用户是否授权，如果用户已经授权则直接保存。uni.getFileSystemManager()

问题：代码如下：<evan-form-item label="与户主关系"> <picker class="form-item-picker" @change="relationshipChange" :range="relationshipData" :value="relationship" :range-key="name"> <!-- @change用于获取弹出框改变的值，:range用于循环遍历relationshipData数组将数组内容循环

微信小程序在开发者工具和真机预览上都可以得到想要的结果，但是预览就不行，这是因为在开发者工具中设置了 “不校验合法域名...”,而真机调式时，手机端也是默认不校验合法域名的，而预览的时候默认是开启域名校验的，所以在预览扫描二维码后，点击右上角的三个点“...”按钮，点击开发调式，开启调试，再次扫描二维码，就可以得到和真机预览一样的效果了...

换行加一个 " \n "就可以了markers[{...label: { content: '象鼻镇岷江村第一网格\n201号', fontSize: 13.33, borderRadius: 6.67, bgColor: '#2A98FF', padding: 17, textAlign: 'center', color: '#FFFFFF' }}...

<view @click="callPhone('11234')">联系我们： 11234</view>methods: {// 拨打电话 callPhone(tel){ uni.makePhoneCall({ phoneNumber: tel }) },}uni.makePhoneCall(object)参数名 类型 必填 说明 phoneNumber String 是 需要拨打的电话号码 succe.

<button @click="handleClick(1, $event)">点击</button>methods: { handleClick: function(id,e) { console.log(id); // 1 console.log(e); // 事件对象 },}

1、新建.gitignorenode_modules/.projectunpackage/.DS_Store如果之前已经提交过unpackae，执行如下命令git rm -r --cached unpackage

<text class="t-icon" :class="[active==index ? 'iconzu--2':'iconzu--1']"></text>

1、进入阿里巴巴矢量图标库https://www.iconfont.cn/，添加图标到项目，然后下载至本地解压后的本地文件如下2、下载iconfont-toolsnpm install -g iconfont-tools进入解压后的文件夹，如上图所示目录，命令行运行iconfont-tools然后一直enter,然后就会多出来一个iconfont-weapp的文件夹进入文件夹,将其中的iconfont-weapp-icon.css放入static目录下，然后在Ap

效果如图：1、wxmldisplay-multiple-items:同时显示的滑块数量circular:是否采用衔接滑动previous-margin:前边距，用于露出前一项的一小部分next-margin:后边距，用于露出后一项的一小部分&lt;view class='swiper-view'&gt; &lt;swiper class='swiper-sw...

如图：1、wxml&lt;view class='wraper'&gt; &lt;view class='header'&gt;header&lt;/view&gt; &lt;view class='main'&gt; &lt;scroll-view class='main-scroll' scroll-y style="height: 100%"&gt; ...

1、首先下载echarts插件https://github.com/ecomfe/echarts-for-weixin2、把ec-canvas文件放入项目，我是放在pages外面的3、在一个页面使用图表wxml中：&lt;view class='card'&gt; &lt;ec-canvas id="mychart" canvas-id="mychart-bar" ec=...

1、wxml&lt;view class="table"&gt; &lt;view class="tr thead"&gt; &lt;view class="td"&gt;名字&lt;/view&gt; &lt;view class="td"&gt;名字&lt;/view&gt; &a

由于小程序只提供了获取当前的地理位置、速度的api，所以我们还需要借助第三方服务进行逆地址解析。https://developers.weixin.qq.com/miniprogram/dev/api/wx.getLocation.htmlwx.getLocation({...});获取当前位置的经纬度 1、进入腾讯地图位置服务网址，然后申请密钥https://lbs.qq.com...

1、wxml&lt;view wx:for="{{array}}" wx:for-item="{{item}}"&gt;&lt;view class='taskTitle {{showId == item.id ? "active" : ""}}' data-id="{{item.id}}" bindtap='dealTap'&gt;{{item.name}}&

1、在阿里巴巴矢量图标库选择你要的图标https://www.iconfont.cn/，加入购物车2、点击右上角购物车，添加到项目3、下载至本地4、解压后，复制iconfont.css到app.wxss5、使用：&lt;icon class='iconfont icon-renwu'&gt;&lt;/icon&gt;6、也可以复制iconfont.css到自己新建的一个样...

点击按钮扫描二维码&lt;button class='deaBtn' bindtap='scancode'&gt;扫描二维码&lt;/button&gt;scancode: function(){ // 允许从相机和相册扫码 wx.scanCode({ success(res) { console.log(res); wx.s...

1、wxml&lt;view class='item' &gt; //显示已存在的图片列表,点击删除删除前一个view &lt;view wx:for="{{imgList}}"&gt; &lt;view class='imgList'&gt;{{item.pictureurl}}&lt;/view&gt; &lt;button class='bgBt...

 form表单，通过onload(options)获取的参数给输入框赋值，提交改变后的参数&lt;form bindsubmit="submitForm"&gt; &lt;view class='item'&gt; &lt;view class='label'&gt;联系人:&lt;/view&gt; &lt;input type="text" placeholder=&

 点击按钮提交表单查询，查询成功后显示信息补充按钮，点击信息补充按钮跳转到信息补充页面1、wxml&lt;view class='mian'&gt; &lt;form bindsubmit='submitForm'&gt; &lt;view class='item'&gt; &lt;input type="text" placeholder="姓名" name="...

1、wxml&lt;view class="mask" hidden="{{flag}}"&gt; &lt;view class="maskContent"&gt; &lt;view class='loadContent'&gt; &lt;image class='closeImg_image' src='/images/loading.png'&gt

效果如下:1、wxml&lt;view class='' bindtap='showMask'&gt;显示遮罩&lt;/view&gt;&lt;view class="mask" hidden="{{flag}}"&gt; &lt;view class="maskContent"&gt; &lt;view&gt; &lt;

1、wxml &lt;video id='video{{idx}}' show-center-play-btn="{{true}}" src='{{videoUrl}}' controls="true" objectFit="cover"&gt; &lt;/video&gt; &lt;button class="start_btn" bindtap="addVid

1、下载插件：https://github.com/kiinlam/wetoast/tree/master2、解压后把src目录里的3个文件添加到自己的项目项目3、使用：1) 在项目的app.js中引入wetoast.js，其他页面都可用let { WeToast } = require('src/wetoast.js') // 返回构造函数，变量名可自定义App({ ...

1、wx.wxml页面部分<view bindtap='clickMe'>点击</view>//这是显示隐藏的部分<view hidden="{{hiddenName}}">隐藏显示部分</view>2、wx.js js部分page({ data:{ hiddenName:true }, clickMe:function(e){ this.

1、给所有页面设置背景颜色在app.wxss里设置page{background-color:#f3f3f3;}2、给单个页面设置背景颜色在单个页面的.wxss里设置page{background-color:#dddddd;}page前面不需要加点...

app.json文件：{ "pages": [ "pages/index/index", "pages/logs/logs", "pages/samplereels/samplereels", "pages/discover/discover", "pages/shop/shop", "pages/person/person