| | |
| | | <div class="tl_list_item_go">
|
| | | <span
|
| | | :style="item.attributeName ? 'color: #000;' : ''">{{ item.attributeName ? item.attributeName : '请选择'}}</span>
|
| | | <van-icon name="arrow" color="#999999" />
|
| | | <u-icon name="arrow-right" color="#999999" size="20"></u-icon>
|
| | | </div>
|
| | | </div>
|
| | | <div class="tl_list_item" v-if="item.type === ''">
|
| | |
| | | <u-radio v-for="(item1, i) in item.data" :key="i" activeColor="#4275FC" :name="item1" :label="item1">
|
| | | </u-radio>
|
| | | </u-radio-group>
|
| | | <!-- <van-radio-group v-model="item.num" direction="horizontal">
|
| | | <van-radio :name="item1" checked-color="#4275FC" v-for="(item1, i) in item.data" :key="i">
|
| | | {{item1}}
|
| | | </van-radio>
|
| | | </van-radio-group> -->
|
| | | </div>
|
| | | </div>
|
| | | <div class="tl_list_item" v-else-if="item.type === 1">
|
| | | <div class="tl_list_item_label">属性值</div>
|
| | | <div class="tl_list_item_go">
|
| | | <u-checkbox-group v-model="item.num" placement="row">
|
| | | <u-checkbox-group v-model="item.num" placement="row" >
|
| | | <u-checkbox v-for="(item1, i) in item.data" :key="i" :label="item1" :name="item1">
|
| | | </u-checkbox>
|
| | | </u-checkbox-group>
|
| | | </div>
|
| | | </div>
|
| | | <div class="tl_list_item" v-else-if="item.type === 2 || item.type === 3">
|
| | | <div class="tl_list_item" v-else-if="item.type === 2">
|
| | | <div class="tl_list_item_label">属性值</div>
|
| | | <div class="tl_list_item_go">
|
| | | <input type="text" v-model="item.num" :placeholder="item.tips" />
|
| | | </div>
|
| | | </div><div class="tl_list_item" v-else-if="item.type === 3">
|
| | | <div class="tl_list_item_label">属性值</div>
|
| | | <div class="tl_list_item_go"> |
| | | <u--input v-model="item.num" :placeholder="item.tips" |
| | | placeholder="请输入内容" |
| | | type="digit" |
| | | border="surround" |
| | | ></u--input>
|
| | | <input />
|
| | | </div>
|
| | | </div>
|
| | | <div class="tl_list_item" @click="openTimer(index)" v-else-if="item.type === 4">
|
| | | <div class="tl_list_item_label">属性值</div>
|
| | | <div class="tl_list_item_go">
|
| | | <span :style="item.num ? 'color: #000;' : ''">{{item.num ? item.num : item.tips}}</span>
|
| | | <u-icon name="arrow" color="#999999" />
|
| | | <u-icon name="arrow-right" color="#999999" size="20"></u-icon>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | |
| | |
|
| | | .tl_list_item_label {
|
| | | font-size: 30rpx;
|
| | | font-weight: 400;
|
| | | font-weight: 400; |
| | | flex-shrink: 1;
|
| | | color: #222222;
|
| | | }
|
| | |
|
| | | .tl_list_item_go {
|
| | | display: flex;
|
| | | align-items: center;
|
| | |
|
| | | flex: 1; |
| | | justify-content: flex-end;
|
| | | input {
|
| | | text-align: right;
|
| | | width: 450rpx;
|
| | |
| | | justify-content: center;
|
| | | }
|
| | | }
|
| | | } |
| | | /deep/ .u-checkbox-group { |
| | | flex-wrap: wrap; |
| | | max-width: 100%; |
| | | } |
| | | /deep/ .u-radio-group { |
| | | flex-wrap: wrap; |
| | | max-width: 100%; |
| | | }
|
| | | </style> |