<template>
|
<view class="content">
|
<view class="v-area">
|
<div class="class_attr_title">
|
<div class="title_line"></div>
|
<div class="title_icon" style="background-color:#0;">
|
<i class="ace-icon fa fu-Function"></i>
|
</div>
|
<span class="title">基本属性</span>
|
<a href="javascript:;" class="arrow"><i class="ace-icon fa fa-angle-down"></i></a>
|
</div>
|
<div class="class_attr_body" style="">
|
<div class="dv_field_div">
|
|
<div class="form-group" style="">
|
<label class="col-xs-12 no-padding-right" for="">测试：
|
<div class="pull-right text-right" style=" margin-right: 12px;">
|
<a href="#" class="class_attr_ext_button" data-click-button="" data-button-callback="" title="">
|
<i class="ace-icon fa fa-plus-circle"></i>
|
</a>
|
</div>
|
</label>
|
<div class="col-xs-12 fn_yousanjiao">
|
<input type="text" class="form-control attr_field focuscls" data-index="" style="" data-field="" data-type="" data-noempty="">
|
<textarea class="form-control attr_field focuscls" data-index="" style="height:60px;" data-field="" data-type="" data-noempty=""></textarea>
|
<textarea class="form-control attr_field focuscls" data-index="" style="height:90px;" data-field="" data-type="" data-noempty=""></textarea>
|
|
<view class="section section_gap">
|
<checkbox-group class="check_rememberPwd" change="">
|
<label>
|
<checkbox value="1" checked=""/>
|
<text>记住密码</text>
|
</label>
|
</checkbox-group>
|
</view>
|
<view class="section">
|
<view class="section__title">日期:</view>
|
<picker mode="date" value="test" bindchange="bindDateChange" class="section__iput">
|
<view class="picker">test</view>
|
</picker>
|
</view>
|
<view class="uni-form-item uni-column">
|
<picker @change="onchange" :range="examinationTypeArray">
|
<label class="">{{ ItemType }}</label>
|
</picker>
|
</view>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
title: '新增',
|
ItemType: '请选择',
|
examinationTypeArray: ['请选择', '11111', '22222', '33333', '44444'],
|
examinationTypeIndex: 0,
|
|
}
|
},
|
onLoad(options) {
|
console.log(options);
|
},
|
methods: {
|
ontap(e){ //扫码功能
|
console.log(e.target)
|
getApp().onScan((result)=>{
|
console.log(result.decodedata);
|
this.$data.classAttrList[e.target.dataset['key']]=result.decodedata;
|
})
|
},
|
onchange(e) {
|
console.log(e.target)
|
// this.$data.examinationTypeIndex = e.target.value;
|
// this.$data.classAttrList[] = this.examinationTypeArray[this.examinationTypeIndex];
|
},
|
addresschange(e) {
|
// this.txt = e.data.join('')
|
console.log(e.data.join(''))
|
},
|
|
}
|
}
|
</script>
|
|
<style>
|
|
.fn_yousanjiao{
|
position: relative;
|
}
|
.fn_yousanjiao::after{
|
position: absolute;
|
display: block;
|
content: '';
|
z-index: 1;
|
transform: rotate(-45deg);
|
left: -10px;
|
top: -10px;
|
border: 10px solid;
|
border-color: transparent transparent red;
|
}
|
.class_attr_title {
|
font-size: 34rpx;
|
padding-bottom: 22rpx;
|
position: relative;
|
}
|
.class_attr_title .title_line {
|
border-bottom: 2rpx solid #aaa;
|
position: relative;
|
bottom: -50rpx;
|
width: calc(100% - 150rpx);
|
margin-left: 100px;
|
}
|
.class_attr_title .title_icon {
|
border-radius: 50%;
|
width: 80rpx;
|
height: 80rpx;
|
display: inline-block;
|
vertical-align: middle;
|
padding-top: 20rpx;
|
text-align: center;
|
color: #fff;
|
}
|
.class_attr_title i {
|
color: #2c6aa0!important;
|
}
|
.class_attr_title .title_icon i {
|
font-size: 40rpx;
|
}
|
.class_attr_title .title {
|
padding: 0 22rpx;
|
display: inline-block;
|
background-color: #fff;
|
position: relative;
|
bottom: -4rpx;
|
}
|
.class_attr_title .arrow {
|
position: absolute;
|
top: 18rpx;
|
right: 2rpx;
|
font-size: 40rpx;
|
}
|
input::-webkit-input-placeholder {
|
font-size: 12rpx;
|
}
|
textarea{
|
width: 98%;
|
border: 1px solid #d5d5d5;
|
padding: 10rpx 8rpx 12rpx;
|
background: #FFF;
|
border-radius: 0 !important;
|
font-size: 28rpx;
|
font-family: inherit;
|
box-shadow: none !important;
|
transition-duration: 0.1s;
|
color: #858585;
|
}
|
input{
|
border: 1px solid #d5d5d5;
|
width: 98%;
|
height: 52rpx;
|
background: #FFF;
|
border-radius: 0 !important;
|
color: #858585;
|
padding: 10rpx 8rpx 12rpx;
|
font-size: 28rpx;
|
font-family: inherit;
|
box-shadow: none !important;
|
transition-duration: 0.1s;
|
}
|
.class_attr_body .form-group {
|
margin: 0px 30rpx;
|
/* margin-left: -12px;
|
margin-right: -12px; */
|
}
|
.form-group > label[class*="col-"] {
|
margin-bottom: 8rpx;
|
font-size: 32rpx;
|
}
|
.form-group label {
|
vertical-align: middle;
|
line-height: 60rpx;
|
}
|
.no-padding-right {
|
padding-right: 0 !important;
|
}
|
.col-xs-12 {
|
width: 100%;
|
}
|
.text-right{
|
margin-right: 12px;
|
}
|
.section__iput{
|
border: 1px solid #d5d5d5;
|
width: 98%;
|
height: 52rpx;
|
background: #FFF;
|
border-radius: 0 !important;
|
color: #858585;
|
padding: 10rpx 8rpx 12rpx;
|
font-size: 28rpx;
|
font-family: inherit;
|
box-shadow: none !important;
|
transition-duration: 0.1s;
|
}
|
|
</style>
|
