- 博客(5)
- 收藏
- 关注
原创 vue v-else-if 使用
实现效果:一个事件有三个状态(//状态判断, 1:正常; 2:异常; 0:进行中)方法1:用 v-if 实现 <u-icon name="checkmark-circle-fill" color="#04db76" size="33" v-if="stateIcon1(item.state)"></u-icon> <u-icon name="error-circle-fill" color="#f30908" size="33" v-if="stat
2021-12-13 16:42:16
2231
原创 uniapp v-if绑定页面加载事件
要实现页面效果:循环数据根据状态展示不同图标如图 methods: { stateIcon(e){ if( e === 0){ return true; } }, },注意:state里面的状态值不要字符串“0”和 0 的区别
2021-11-12 15:49:40
762
原创 电脑端页面在手机端缩放展示
<metaname="viewport"content="width=device-width,intial-scale=0,maximum-scale=0,user-scalable=yes,shrink-to-fit=no">
2021-10-13 14:37:22
511
原创 vant组件引用:时间选择器+弹出层
需求 :实现一个从底部弹出的时间选择器1、直接在 html 文件中引入 CDN 链接,通过全局变量vant访问到所有组件<!-- 引入样式文件 --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.12/lib/index.css"/><!-- 引入 Vue 和 Vant 的 JS 文件 --><script src="https://cdn.j...
2021-09-16 16:39:13
3214
原创 uni-app自定义底部栏
1、新建文件夹放自定义组件,将底部栏定义为一个新组件,比如创建新组件tab2、 在tab.vue里定义底部栏样式,注意3、在page文件夹里的所需页面引入tab组件index.vue页面<template> <view class="content"> <tab></tab> //引入tab组件 </view></template><script> ...
2021-09-09 11:12:37
987
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人