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复制粘贴替换掉

//在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配置

"permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  },
  "requiredPrivateInfos": [
    "chooseLocation",
    "getLocation"
  ]

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

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

//使用函数初始化data里的数据
onLoad:function(){
	init()//初始化你data的操作
	this.setData({
	  dataName:this.data.dataName
	})
} 

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

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

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