jeecguniapp开发小结

一、问题: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的值

子组件页面