uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架 。

 开发者通过编写 Vue.js 代码，uni-app 将其编译到 iOS、Android、微信小程序、支付宝小程序、百度小程序、   H5等多个平台，保证其正确运行并达到优秀体验。

首先说说项目吧，我们组合作开发的是一个商城类型的项目。

而我在里面写的是一个详情页。效果有点击特效，遮罩层等。

其中一开始我想以小程序中效果同样的三目表达式去写，

后来一直报错，经查阅才知道三目表达式在uni-app里格式是 [ ] 书写。

还有弹框 ：

我是先给了一个遮罩层和一个同级的盒子一个固定定位

遮罩层根据v-if显示隐藏，

同级标签则以动态样式，两个都用初始值rig来决定(false即隐藏)。

<!-- 遮罩层一开始不显示 即true为this.rig的false-->

<!-- 为true则添加上类名 -->

再给一个事件来触发 :

即点击之后为true，然后就会显示出来。

点击前 ：

点击后 ：

以上就是我的项目总结，同学们有问题或不同见解都可以在评论区留言哦 !