![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
学习经历和分享
大大da怪i
漫无目的
展开
-
微信小程序——页面生命周期函数的总结
微信小程序——页面生命周期函数的总结onLoad页面加载 /** * 生命周期函数--监听页面加载 一个页面在卸载(销毁)前只会调用一次。 接收页面参数的来源有wx.navigateTo,wx.redirectTo和<navigator>中的query值 */onLoad: function (options) { },onShow页面显示 /** * 生命周期函数--监听页面显示 页面每次被打开都会执行该方法。原创 2020-11-18 22:25:03 · 4546 阅读 · 1 评论 -
微信小程序css卡片样式(带阴影效果)
微信小程序css卡片样式(带阴影)效果图wxml代码<view class="card"> </view> css样式.card{ width: 90%; margin-left: 5%; height: 390rpx; background: rgb(226, 208, 208); border-radius: 10rpx; box-shadow: 5px 5px 5px #cdcfcf; }css样式表注释/*卡片的宽度*/原创 2020-11-13 19:26:10 · 11256 阅读 · 2 评论 -
微信小程序学习——增加选项、删除选项
微信小程序 单击按钮后多添加一个输入框首先 WXML中要设置循环,实现动态的添加和删除<view> <view class="lines"> <button class="btn1" bindtap="add">添加</button> <button class="btn1" bindtap="delete">删除</button> </view> <view wx:for="{{re原创 2020-11-01 08:56:08 · 1678 阅读 · 0 评论 -
微信小程序 WeUI 之拓展组件tabs的引用。
微信小程序 WeUI 使用拓展组件tabs方法注意:不能使用 引入useExtendedLib 扩展库 的方式,而是用npm构建的方式。第一步:在项目根目录下打开终端。(我的是miniprogram)第二步:终端里输入:npm i @miniprogram-component-plus/tabs --save第三步:点击微信开发者工具的工具中,找到构建npm完成后在其目录下会生成一个miniprogram_npm\@miniprogram-component-plus\tabs目原创 2020-08-28 21:09:03 · 4864 阅读 · 0 评论 -
微信小程序简单使用拓展组件库方法
微信小程序使用拓展组件库方式:通过 useExtendedLib 扩展库 的方式引入方法:在全局app.json中添加"useExtendedLib": { "kbone": true, "weui": true }好处:在使用时可省略 import 步骤(相对于npm构建来说)使用: 先在所要引用的页面的json文件中添加对应组件名称(不需要在wxss中导入)例:{ "usingComponents": { "mp-cells": "weui-minipro原创 2020-08-25 20:16:22 · 1919 阅读 · 0 评论