(1)大巴项目:在线选座功能
参考文章:blog.csdn.net/YanH_an/art…
www.jb51.net/article/146…
难点:参考文章中的座位处理主要是四个座位的,但是手头上的项目布局,最后一排是五个座位的,但4个的思维是采用index【下标处理的方式】,同理:最后一排座位进行下标的特殊处理即可,手头上的大巴类型一共分为3种,1种是前面都是4座,最后一排是5座;2种是51的那种,中间留了门的位置;第3种(如下图)
这种布局,让司机位置的margin-right把座位弄到最边,要保留是有相应的占位的,位置都是循环处理的,所以与司机并排的座位样式要特殊处理
【大巴的9种车型,真是弄的我,焦头烂额!!!】
对应的点击选择座位,取消座位的功能逻辑和参考文章差不多
(2)uni-app使用的插件
【1】uni-app实现横向滚动选择日期
地址:www.jb51.net/article/197…
效果如下:
【2】uni-app底部弹层显示内容
地址:ext.dcloud.net.cn/plugin?id=3…
效果如下:
【3】uni-app日历插件
地址:ext.dcloud.net.cn/plugin?id=4…
效果如下:
3.flex布局,在给含有属性flex:1的盒子中的内容设置了nowrap时,内容长度超出盒子 参考文章地址:blog.csdn.net/m505569537/…
解决方法:给盒子再加个width:0或者min-width:0
4.uni-app使用:style绑定多个值时的写法【uni-app动态绑定多个样式】:
参考文章地址:www.cnblogs.com/l-ialiu/p/1…
【该文字还包含动态绑定class的内容,值得看】
:style绑定多个值 -->写法-->:style="{'属性名':值/变量,'属性名':值/变量}"用,隔开
5.uni-app修改默认样式
使用样式穿透/deep/
文章链接:www.shangmayuan.com/a/442486efa…
6.:style动态绑定样式判断,多个三元表达式判断时,要用()包住,不然会不起效果
注意:如果是用:style="{'属性名':值/变量,'属性名':值/变量}"来绑定动态样式的,则用{}包住,但如果是用多个三元表达式来添加样式的,则用()
7.透明边框:border:1px solid transparent
8.uni-app中禁止蒙版下的页面滚动的处理方法
9.js-利用splice()删除元素【数组删除元素】
文章链接:blog.csdn.net/tian_tian_g…
10.uni-app中改变数据后视图无更新变化解决方案(更新数据不刷新)
文章链接:blog.csdn.net/weixin_4419…
解决方法:在对应处理数据的函数中,加上this.$forceUpdate()
this.$forceUpdate() --> 强制更新视图
11.uni-app开发:data()数据无法及时更新到视图上
文章链接:ask.dcloud.net.cn/question/11…
如果调用设置data中的{}的属性无效,