黎小小的博客

背景：点击图标，生成海报后，点击保存相册，可以保存生成海报：插件wxa-plugin-canvas，此处使用页面异步生成组件方式二维码：调用后端接口生成二维码。

data: {...data: {},1.必须在根目录下创建文件夹，文件夹名一定是的component组件（名字必须是index,否则渲染不出来）2.自定义tabBar必须使用自定义组件实现，如果使用页面js操作，不便于监听徽标的变化。

使用wxs编写方法，module.exports导出，wxml中使用module名进行获取{{goodsRate.getRate(goodsInfoList)}}背景：商品详情页对好评数进行统计，但是现在只有商品数据。

背景：当tabs下的tab切换时，scroll-view滑动到对应的位置。scroll-into-view的值必须是动态值，即tab切换后的值。js:clickTab点击切换后更改动态的viewId才能正常切换。van-tab的name属性代表标签名称，作为匹配的标识符。van-tabs和scroll-view标签分开编写。

微信支付有JSAPI支付、APP支付、H5支付、Native支付、小程序支付、付款码支付(V2)、合单支付、刷脸支付、资金/交易账单、退款等支付相关功能。无论哪种模式开发的小程序，在使用面对用户的微信支付能力时，都以该小程序AppID为主体ID来调用微信开放平台提供的API。商户已有小程序，用户通过好油分享或扫描二维码在微信内打开小程序时，可以调用微信支付完成下单购买的流程。注意小程序不能通过拉起H5页面做jsapi支付，小程序内只能使用小程序支付。

使用 name 属性，作为模板的名字。然后在内定义代码片段右击创建components创建自定义组件使用时：页面js文件中usingComponent中引入；wxml页面中引入组件注意：在组件wxss中不应使用ID选择器、属性选择器和标签名选择器。自定义组件名只能是小写字母、中划线和下划线的组合使用字段引入；自定义组件和页面所在项目根目录名不能以“wx-”为前缀，否则会报错。出于性能考虑，使用时，setData内容不会被直接深复，即后。

微信小程序的生命周期分为三个部分：应用级生命周期、页面级生命周期、组件的生命周期。

怀疑是，父级容器cart-box和子级uni-swipe-action宽度没有完全相等导致。而容器都没有设置固定宽度值，父级容器cart-box只设置了padding: 10px 10px;问题：uniapp使用uni-swipe-action后右侧多了小于1px的间隙。且在真机上没有问题，但是在微信开发者工具中有问题。解决：在子级容器添加padding-right:5px（值必须固定）撑满容器，并且设置 display: flex;代码如下：在滑动滑块或者点击这个区域时，就会出现问题。

settle.vue页面引入bjs-settle.vue组件，bjs-settle.vue组件点击后在settle.vue中进行结算操作（过程中有跳转）本来以为使用vue的this.$emit()就可以实现子组件回调父组件中的方法，但是发现没用。然后看到uniapp中需要使用uni.$emit()，直接使用后，也不生效。官方是说使用$emit$on$off常用于跨页面、跨组件通讯。

获取用户收货地址。调起用户编辑收货地址原生界面，并在编辑完成后返回用户选择的地址。

这些是uni-data-pickerview组件vue文件中定义好的，尝试修改没有成功，就直接修改文件了。直接使用uni-data-picker组件，会先显示请选择区域的下拉框，再显示选择区域；我这里需要第二种样式，所以需要使用uni-data-picker组件的插槽用法。7:修改样式后完整uni-data-pickerview组件vue文件。想使用uni-data-picker，并修改成自己自定义的样式。插槽以下处加入class样式，并加入uni-icons即可。图1为原本样式，图2，3为修改后的样式。

注意type使用得type必须和修改时选择器样式（button[type=default]）一样，才能对其修改样式，否则样式不会被修改。如果是多端适配，需要使用type为default再修改样式。想使用原生button组件，但是想使用不同样式。

【代码】uniapp 下拉刷新。

通过onReachBottom()声明周期函数监听到触底后，将pageNum+1，并重新发起请求。判断pageSize*pageNum >=total如果没有更多数据后，显示没有更多数据样式。首次进入时，通过onLoad获取参数及发起初次请求。

uniapp 使用自定义icon图标__Jyann_的博客-优快云博客如果要改变图标样式直接改变uni-searchbar__box即可：如将图标靠左显示// icon图标靠左。

注意如果时vue3需要 slot用在节点中。

项目使用的vue3。

选中内置终端，并填写npm和node.js路径。

image 标签中，slot中icon代表非选中图标，icon-active代表选中图标data: {// list的pagePath: "/pages/home/home"必须再app.json中有对应数据list:[{info:3,name:"首页",icon: {},},{name:"消息",icon: {},},{name:"联系我们",icon: {},],},

在自定义组件ts文件中引入，注意如果是TS必须使用ComponentWithStore，如果是js项目使用storeBindingsBehavior// ts中使用mobx和js中不一样，js中使用storeBindingsBehavior，ts中使用ComponentWithStoreactions: {},},/*** 组件的方法列表*/methods: {},})-- 自定义组件中使用store -->

微信小程序使用vant weapp框架