liuye066的专栏

在uniapp项目中找到js-sdk文件夹，把其中的uni-ec-canvas放到要用的包的components中。微信小程序中使用到了ec-canvas图表，从DCloud插件市场中下载echarts-for-wx；

在微信开发者工具的模拟器上测试，能调用成功，显示正常，但真机调试时，组件不显示，控制台报错Component is not found in path "subTaixin/measureHeart/moreFun" (using by "pages/index/index")；需求：在分包subTainxin中创建自定义组件moreFun.vue，需要在主包的pages/index/index页面调用该自定义组件。2.1 在pages/index/index.vue中。上传到体验版上，扫码测试时又正常。

用uniapp做个微信小程序，其中有用到自定义checkbox和radio的样式；自定义checkbox。

【代码】微信小程序折线图的配置详情。

app.js中定义一个全局的空属性，到当前页面获取全局属性，并且赋需要传递的值给这个全局属性，再到跳转之后的页面获取这个全局属性，用其进行相应的操作，之后再赋值为空。从第一个页面过来时，onLoad里接收参数key=channelA，点击页面按钮，返回上级页面时，传参key=someEvent。类似于vue中的组件传值，可以应用于很多场景，用的最多的则是路由跳转传值和获取上一页面的数据。触发回调后，任意页面都可以使用，使用完之后赋值为空即可。一. 页面跳转传参：直接在url后拼接。三、使用全局变量传值。

使用场景：开发各种小程序时候遇到主包过大，无法上传的情况。

搜索关键字标红修改字符串中部分字符的样式

微信小程序一些常用方法；来获取准确的元素高度。

iPhoneX兼容在小程序页面开发中，涉及到需要适配iPhoneX的地方主要有导航栏（NavigationBar），标签栏（TabBar）以及页面底部的吸底按钮。对于positionfixed的可交互组件，如果渲染在iPhoneX的安全区域外，容易误触HomeIndicator，应当把可交互的部分都渲染到安全区域内。建议使用以下wxss进行兼容适配方案1、meta标签中设置网页在可视窗口的布局方式2、fixed完全吸底元素场景的适配另外一种方法，获得。......

今天用uni-app开发微信小程序时，修改tabbar的样式无效，如selectedColor, iconWidth等，明明官网上都有这些属性，但在模拟器上就是没有效果。自定义tabbar1、在微信官网，自定义tabbar的页面，下载自定义tabbar示例代码；将其中的custom-tab-bar目录整个拷贝到项目根目录下；2、修改custom-tab-bar/index.js的文件，路径都改为自己uni-app项目下的页面路径和图片路径3、pages.json文件tabbar配置：设置"custom

微信小程序分享给朋友比较简单，只需要在要分享的页面中设置onShareAppMessage即可。只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮监听用户点击页面内转发按钮（button 组件 ）或右上角菜单“转发”按钮的行为，并自定义转发内容。 onShareAppMessage如果带了参数，参数中的from会指明是从哪里触发的，从按钮触发from='button'，从右上角菜单中触发from='menu'支持自定义标题，自定义路径和自定义图片 我们点击分享出去的卡片，打开小程序，可以在

跑马灯的两种实现，CSS实现跑马灯效果，js实现第二种，单独的组件marquee.wxmlmarquee.jsmarquee.wxssmarquee.json在页面中使用swiperWidth的值：

下拉列表中的值选中后，关闭列表，再打开，值可记忆，并显示相应的选中样式.wxml<!--pages/component/custom-drop-down/index.wxml--><view class="drop-container"> <view class="drop-main" bindtap="clickShow"> <view class="dropdown-value">{{provinceValue}}&lt..

微信小程序做时间选择器用到两种方法方法一：使用Vant Weapp中的DatetimePicker原始样式和加了formatter后的样式：<view style="flex: 1;"> <view bindtap="alertDate">结束时间</view></view><van-datetime-picker wx:if="{{showDate}}" type="date" value="{{date}}" ca

wxml<radio-group bindchange="radioChange" class="radio-group-width"> <label class="radio-label" wx:if="{{rechargeValue.type=='关台'}}"> <view class="radio-text">余额</view> <radio value="1" ></radio> ...

custom-drop-down/index.wxml<!--pages/component/custom-drop-down/index.wxml--><view style="position: relative; display: flex; flex-direction: column;"> <view style="display:flex; align-items: center; border:black 1px solid" bindt...

.json中 导入"van-area": "@vant/weapp/area/index"基础用法：<van-area area-list="{{ areaList }}" />areaList 格式areaList 为对象结构，包含 province_list、city_list、county_list 三个 key。Vant 官方提供了一份默认的省市区数据，可以通过 @vant/area-data 引入。npm i @vant/area-data安装之后

.json文件中导入"usingComponents": { "van-dialog": "@vant/weapp/dialog/index" }.wxml中使用<van-dialog id="myDialog"></van-dialog>.js中使用//官网中设置的路径会报错import Dialog from '../../miniprogram_npm/@vant/weapp/dialog/dialog';openDialog:

效果：第一种方法：（使用微信小程序官网的示例代码修改）1. 在代码根目录下添加入口文件:custom-tab-bar/index.jscustom-tab-bar/index.jsoncustom-tab-bar/index.wxmlcustom-tab-bar/index.wxss具体步骤：在代码根目录下新建文件夹custom-tab-bar，然后在文件夹上右击选择”新建Component"，取名index后回车，就会新建这4个文件。2. app.json中添加tabB