uniapp:uview-plus的一些记录

customStyle

并不是所有的组件都有customStyle属性来设置自定义属性,有的还是需要通过::v-deep来修改内置样式

form表单

labelStyle

需要的是一个对象

javascript 复制代码
:labelStyle="{color: '#333333',fontSize: '32rpx',fontWeight: '500'}"

dateTimePicker选择器设置默认值

根据文档设置defaultIndex未生效,通过网上查阅文章得到方法,通过设置dateTimePicker的innerValue属性来设置

javascript 复制代码
template部分
<u-datetime-picker
			ref="dateRef"
			:closeOnClickOverlay="true"
			@close="showDateTimePick = false"
			@cancel="showDateTimePick = false"
			@confirm="confirmDateTime"
			:show="showDateTimePick"
			mode="date"
		></u-datetime-picker>

js部分

javascript 复制代码
dateRef.value.innerValue = new Date().getTime() // 默认值为当前日期,其他日期则需自己做处理
相关推荐
王哈哈的学习笔记3 小时前
uniapp小程序使用echarts
前端·小程序·uni-app
yrldjsbk3 小时前
uniapp小程序开发入门01-快速搭建一个空白的项目并预览它
uni-app
JavaDog程序狗4 小时前
【实操】uniapp纯前端搞个识别植物花草小程序
前端·vue.js·uni-app
七七小报5 小时前
uniapp-商城-42-shop 后台管理 分包
前端·uni-app
七七小报8 小时前
uniapp-商城-40-shop 购物车 选好了 进行订单确认4 配送方式3 地址编辑
uni-app
xuanjiong11 小时前
微信小程序,基于uni-app的轮播图制作,调用文件中图片
微信小程序·小程序·uni-app
flying robot12 小时前
uniapp: 低功耗蓝牙(BLE)的使用
uni-app
程序猿John12 小时前
uniapp跳转和获取参数方式
前端·javascript·uni-app
七七小报1 天前
uniapp-商城-38-shop 购物车 选好了 进行订单确认4 配送方式1
uni-app
七七小报1 天前
uniapp-商城-39-shop 购物车 选好了 进行订单确认4 配送方式2 地址页面
uni-app