MiniProgram

踩坑的小笔记,不需要细看

发现运行打不开,说要配置好小程序的AppId,一个身份证号、一个手机号只能注册5个小程序。

管理员身份验证还卡了我一下,说是要重新绑定一遍银行卡,成了。

uniapp运行又打不开,要到微信开发者工具那里设置端口开放,全部关掉重开才行。

想用element-plus 好,他不给用;想用pinia,好,还是报错,刚刚问了一下,tailwind也是不能用的。哈哈。

去网上搜索了一下,原来uniapp本来就没什么好用的UI库,难绷。uniapp的风评更是依托。看到这我打算直接转回原生开发平台开发了。

哈哈。原本以为可以爽复制粘贴的项目,重构吧。

问题一:阿里的icon引不了,需要去icon库里下载,然后将download好的文件放入工作区,新建一个iconfont.wxss复制iconfont.css的内容。在app.wxss@import引入iconfont.wxss

还需要把最新的链接@font-face复制粘贴替换掉

1
2
//在wxml文件中 iconfont表示iconfont.wxss中默认引入源 icon-name表示图标类名,可以在下载的包的html中查看
<i class="iconfont icon-name"></i>

更新的时候要把文件替换,还要把在线链接换掉iconfont.wxss的在线链接换掉。

问题二:模拟器和真机调试的显示内容不一样。

页面路由

app.json下pages配置,页面内使用navigator标签进行跳转,一个文件夹下的wxml、wxss、js直接放一起打包了。

高德地图

入门指南-微信小程序插件 | 高德地图API (amap.com)

logo隐藏找了几篇都不行,决定overflowhidden完事。

引入JS文件需要让文件名大写。

#高德定位app.json配置

1
2
3
4
5
6
7
8
9
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序位置接口的效果展示"
}
},
"requiredPrivateInfos": [
"chooseLocation",
"getLocation"
]

哈哈调用获得用户号码、身份证验证都需要钱。

1
2
3
4
5
6
7
8
//想要在success回调函数中改变data中的数据要
success: (r) => {
this.setData({
console.log(1)
})
}
//在主函数或者某个函数中打印要
console.log(this.data)

1
2
3
4
5
6
7
//使用函数初始化data里的数据
onLoad:function(){
init()//初始化你data的操作
this.setData({
dataName:this.data.dataName
})
}

如果下次写还是用uni吧,不是uni烂,是小程序烂

用div不用view的话盒子撑不开,比如你已经设置了w&h,但他还是会没有大小

小程序点击不能在函数后面加括号传参,要写个data-xxx然后在e.currentTarget.dataset.xxx里获取


MiniProgram
http://example.com/2024/04/30/MiniProgram/
作者
TaskManagerOL
发布于
2024年4月30日
许可协议