uni-app参考样式

一 uni-list https://www.jianshu.com/p/0375129d216c

其他格式参考：https://blog.csdn.net/qq_40323256/article/details/114296763

<uni-list>
            <uni-list-item title="列表文字" rightText="右侧文字" />
            <uni-list-item title="列表禁用状态" rightText="右侧文字" :disabled="true" />
            <uni-list-item title="展示箭头" showArrow />
            <uni-list-item title="展示箭头" showArrow rightText="右侧文字" />
            <uni-list-item title="弹窗提示.加了clickable点击时有按压效果" clickable @click="onClick" />
            <uni-list-item title="页面跳转,可返回" @click="onClick" :to="`./ad`" />
            <uni-list-item title="关闭当前页面打开新页面" link="redirectTo" to="./chat" @click="onClick" />
            <uni-list-item title="跳转到另一个页面,可返回" link="navigateTo" to="./chat" @click="onClick" />
</uni-list>

 

 二 项目列表，这个带分页的 ，在手机端使用uni-table就太大了。 https://ext.dcloud.net.cn/plugin?id=24

 三 相关插件

1.tabs切换，支持触摸滑动（线条跟随）QS-tabs-wxs-list：https://ext.dcloud.net.cn/plugin?id=1197
2.上拉下拉加载 高性能的下拉刷新上拉加载组件：https://ext.dcloud.net.cn/plugin?id=343

 

 四 根据图片生成vue界面

https://ide.code.fun/projects/650036e42778290011a2a36c/pages/650036e42778290011a2a36e

 

 五 uniapp通过addInterceptor拦截路由跳转，控制页面是否需要登录

https://blog.csdn.net/qq_40591925/article/details/125856085