一、问题:app发行后图片不显示
解决:绝对路径改成相对路径
另外:避免发行上线图片变形要给到图标或图片具体宽高
//绝对路径
<img src="/static/home/128/wendang.png" style="width:90rpx;height:90rpx;"/>
//相对路径
<img src="../../static/home/128/wendang.png" style="width: 200rpx;height: 200rpx;"/>
二、大小单位px、upx、rpx换算值及基本使用
1.解释rpx
-
rpx(responsive pixel)是微信小程序解决自适应屏幕尺寸的尺寸单位 可以根据屏幕宽度进行自适应,规定屏幕宽为750rpx
-
rpx 是小程序中使用的屏幕自适应的尺寸单位
-
可以通过 rpx 设置元素和字体的大小
换算方法(用法与 rem 类似)大致为(根据不同移动设备):
1 rpx = 0.5 px = 1 物理像素
40rpx = 24px
2.解释upx
-
upx是uni-app中的长度单位,它代表设备独立像素(与屏幕密度无关)
-
[ 20upx \times 0.5px/upx = 10px ]
-
可以通过 upx 设置元素和字体的大小
三、uniapp开发中在picker
中做出选择时,@change
事件就会被触发,并且将事件对象e
传递给目标方法,并携带其他参数具体如下:
同理可以携带其它参数如‘item',在具体方法中使用便于开发。
此方法web端开发同理使用
四、<my-slect-date>标签使用中两种子传父控制data选择器的显示隐藏的使用方法
父页面(即引入my-slectDate.vue的页面)
第一种
第二种
子页面(my-slectDate.vue页面)
注意:第二种需要使用.sync修饰符
原理是在子组件直接调用 $emit('update:visable', '更新的值') 就可以更新父组件的值。visable可以换成title等需要改变的字符串其它我暂未涉及(目前好像只适用于vue2移动端web端开发均可使用)
拓展父子组件双向绑定:vue2 vue3中父子组件数据双向绑定更新方式 - 掘金 (juejin.cn)
vue3需要使用可参考
浅谈 Vue3 中的 v-model 和 sync 修饰符_vue3 .sync-CSDN博客
五、jeecgbootvue2标签<j-dict-select-tag>取消请选择的选项
父组件引入并使用页面传递showDefault的值
子组件页面