使用外部组件的一些心得

2025-11-30

wx学习

经验：”在使用样式时两个父组件之间用margin，父组件自己内部的子组件之间用paddding，从而达到隔开的效果，不那么紧密" ① 把一个组件的角进行圆润： box-sizing: border-box; border-radius: 20rpx; ② 给一个组件的四条边上色： border: 1rpx solid #c2c2c2; ③ 父组件内部列对齐 / 行对齐 display: flex; flex-direction: column;/flex-direction: row; /*column为在同一列，row为在同一行 ④ 给一个组件上色用backgorund-color，给组件内的文本上色用color ⑤ 调节字体间距用 letter-spacing ⑥ 给卡片增加阴影效果 box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.1); ⑦ 给图片的角度进行圆润处理 border-radius ⑧ 在页面上使用外部模块的话，用wxs，在js文件使用外部模块的话，用require ⑨ 跳到另一个界面之后把当前界面卸载...

2025-11-30

微信小程序-让某个元素靠右、靠左、或者处于父元素的任意约束位置

口诀：父相对，子绝对，靠哪，哪里置为0 WXML: <view class='task-box'> <view class='checkbutton'>参与讨论</view> </view> WXSS: 父元素 .task-box{ width: 690rpx; height: 70rpx; display: flex; position: relative;/*父元素位置要设置为相对*/ } 子元素靠右 .task-box .checkbotton{ position: absolute; /* 要约束所在位置的子元素的位置要设置成绝对 */ right: 0; /* 靠右调节 */ width: 120rpx; height: 70rpx; } 靠左 .task-box .checkbotton{ position: absolute;/*要约束所在位置的子元素的位置要设置成绝对*/ left: 0;/* 调节靠左 */ width: 120rpx...

2025-12-09

van-dialog_确认_不自动关闭

正常情况下，van-dialog组件点击“确认”时，对话框会自动关闭，但很多情况下点击“确认”时需要验证某些属性，待验证通过才能关闭对话框，此时则需要借助beforeClose回调函数：关闭前的回调函数，调用 done() 后关闭弹窗，调用 done(false) 阻止弹窗关闭 <van-dialog v-model="changeMemberNameDialogVisible" show-cancel-button get-container="body" class="m-changeMemberName-dialog m-dialog-common" :before-close="onBeforeClose" @confirm="changeMemberName" > <div class="van-dialog__header">改名</div> <div class="van-dialog__connect"> <input placeholder="请输入更改的名字" v-m...

2025-11-30

微信跳转页面时发生报错

报错如下图所示：解决方法：（从下面四种跳转方式中任选一种，哪种能实现效果就用哪个）带历史回退 wx.navigateTo() //不能跳转到tabbar页面不带历史回退 wx.redirectTo() //跳转到另一个页面 wx.switchTab()//只能跳转到tabBar页面 wx.reLaunch() //既能跳转到tabBar页面，也能跳转到非tabBar页面 ‍ ‍

2025-11-30

开发小程序快速导入Vant组件

微信开发者工具 1、进入到项目的根目录下，cmd->输入命令通过 npm 安装 npm i @vant/weapp -S --production 2、修改 app.json 找到"style": "v2"并去掉最后，打开微信开发者工具，点击工具 -> 构建 npm，就会在miniprogram目录下生成一个miniprogram_npm文件夹，之后就可以开心的按照https://youzan.github.io/vant-weapp/#/datetime-picker给出的组件开心的玩耍了_ HBuilderx - （仅适用于微信开发者工具）第一种方案 **链接：**https://pan.baidu.com/s/13Hs6nti8lqzSpwGHWu_bFA?pwd=fzb0 提取码：fzb0 –来自百度网盘超级会员V5的分享把上面这个压缩包下载下来，并解压到项目的根目录下，即可开始测试或第二种方案 ① 进入到项目的根目录下，cmd-> 输入命令通过 npm 安装 npm i @vant/weapp ...

2025-11-30

微信小游戏

‍

使用外部组件的一些心得

有赞的Props和element的Attributes都是一个意思，Events也是这样用的，都是放在标签里面做键（就是写在左边，然后等于一个什么类型的值）

反正记得一句话，人家给啥，你就写标签里面，且是以键的形式，不管名字有多奇怪，你直接复制过去就ok了，然后注意下人家需要传的参数是什么类型就行了