摘要: 实现效果: 加载时: 加载完成时; 实现代码: 通过vuex传入一个布尔值loading控制加载动画显示与否,动画关闭时,通过slot标签显示本组件中包含的其他内容 组件代码: <template> <view> <view class="loading-21 spinner" v-if="load 阅读全文
posted @ 2022-09-25 16:51 fnasklf 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 效果: 实现代码: <template> <view class="content"> <view class="left"> <scroll-view class="left-scroll" scroll-y> <!-- 左侧列表点击事件可简写 --> <!-- @click="current=i 阅读全文
posted @ 2022-09-25 15:01 fnasklf 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 实现效果: 实现效果: <template> <view class="content"> 123 </view> </template> <script> export default { data() { return { } }, } </script> <style lang="scss"> 阅读全文
posted @ 2022-09-25 11:38 fnasklf 阅读(854) 评论(0) 推荐(0) 编辑
摘要: 实现效果: 封装的组件: <template> <view class="page-container-titleNav"> <view class="content"> <view class="left"> <text>{{title}}</text> <text class="circle"> 阅读全文
posted @ 2022-09-25 10:17 fnasklf 阅读(54) 评论(0) 推荐(0) 编辑