基于uni-easyinput uni-popup 封装的下拉选择器 <!-- 下拉选择组件 --> 创建components/myPicker/index.vue 文件 <template> <view> <view class="boxClick"> <uni-easyinput :placeholderStyle="placeholderStyle" :clearable="false" v-model="inputValue" placeholder="请选择"> </uni-easyinput> <image ...
<view class=" flex justify-between margin-bottom-sm"> <uni-easyinput style="flex:0.55" class="uni-mt-5" trim="all" placeholder="请输入内容"></uni-easyinput> <uni-data-select style="flex:0.4" v-model="value" :localdata="range" placeholder="请选择类型"></uni-data-select> </view>...
.uni-easyinput__content {flex:1;/*#ifndef APP-NVUE*/width:80%;display:flex;box-sizing:border-box;min-height:36px;/*#endif*/flex-direction:row;align-items:center; } 7、uni-icons支付宝小程序中样式不生效 直接在支付宝的时候,用一个view包裹这个icons <!--#ifdef MP-ALIPAY--><viewclass="...
this.$refs[form].clearValidate(name) } } } </script> <style> .uni-input-border { padding: 0 10px; height: 35px; width: 100%; font-size: 14px; color: #666; border: 1px #e5e5e5 solid; border-radius: 5px; box-sizing: border-box; } </style>...
obj.border = border ? '1px #eee solid' : 'none' } else { let width = (border && border.width) || 1 let width = (border && border.width) || widthDefaultValue width = this.value2px(width) let radius = (border && border.radius) || 5 let radius = (border && border.radius) |...
border-radius: 6px; background: #fff; border: 1px solid #91d5ff; margin-left: -20rpx; z-index: 2; margin-right: 16px; margin-top: 6px; } .noActiveStyle{ height: 10px; width: 10px; border-radius: 5px; background: #fff; ...
easyinput :inputBorder="false" v-model="FormData.nation" disabled placeholder=" "></uni-easyinput> </view> <view class="item"> <view class="item-left">出生日期:</view> <uni-easyinput :inputBorder="false" v-model="FormData.birthDay" disabled placeholder=" "></uni-easyinput> </view...
* @property {String} borderRadius 设置圆角(左上、右上、右下和左下) 示例:"10px 10px 10px 10px" * @property {Boolean} safeArea 是否适配底部安全区 * @event {Function} change 打开关闭弹窗触发,e={show: false} * @event {Function} maskClick 点击遮罩触发 Expand Down Expand Up @@ -86,6...
banner-image { width: 100%; height: 200rpx; // border-radius: 30rpx; } } .doctor-feeds { // position: relative; } 1.1.1 custom-tabs 按easycom 组件规范新建组件,该组件的交互逻辑在前面阶段已经完成了,将其拷贝过来即可。 代码语言:javascript 复制 <!-- components/custom-tabs/custom-tabs....
{ inputValue: '' }; } }; </script> <style scoped> .container { padding: 20px; } .custom-input { background-color: #f0f0f0; /* 设置背景色 */ border: 1px solid #ccc; /* 可选:添加边框 */ padding: 10px; /* 可选:添加内边距 */ border-radius: 5px; /* 可...