|
|
@@ -1,11 +1,7 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
<u-navbar title="我要加盟"></u-navbar>
|
|
|
- <!-- <view class="head">
|
|
|
-
|
|
|
- <img src="/static/img/earth_@2.png" alt="">
|
|
|
-
|
|
|
- </view> -->
|
|
|
+
|
|
|
<view class="main">
|
|
|
<view class="main-content">
|
|
|
<p class="title">适合对象</p>
|
|
|
@@ -50,18 +46,20 @@
|
|
|
</view>
|
|
|
<view class="want">
|
|
|
<p>自由电桩数量</p>
|
|
|
- <view class="checkbox">
|
|
|
- <view class="">
|
|
|
- <u-checkbox-group @change="checkboxGroupChange" active-color="#00B962">
|
|
|
- <u-checkbox
|
|
|
- @change="checkboxChange"
|
|
|
- v-model="item.checked"
|
|
|
- v-for="(item, index) in numList" :key="index"
|
|
|
- :name="item.name"
|
|
|
- >{{item.name}}</u-checkbox>
|
|
|
- </u-checkbox-group>
|
|
|
-
|
|
|
- </view>
|
|
|
+ <view class="radio-box">
|
|
|
+
|
|
|
+ <view class="">
|
|
|
+ <u-radio-group v-model="value" @change="radioGroupChange" active-color="#00B962">
|
|
|
+ <u-radio
|
|
|
+ @change="radioChange"
|
|
|
+ v-for="(item, index) in numlist" :key="index"
|
|
|
+ :name="item.name"
|
|
|
+ :disabled="item.disabled"
|
|
|
+ >
|
|
|
+ {{item.name}}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="hint">
|
|
|
@@ -98,23 +96,22 @@
|
|
|
disabled: false
|
|
|
}
|
|
|
],
|
|
|
- numList: [
|
|
|
- {
|
|
|
- name: '5台以内',
|
|
|
- checked: false,
|
|
|
- disabled: false
|
|
|
- },
|
|
|
- {
|
|
|
- name: '5~10台',
|
|
|
- checked: false,
|
|
|
- disabled: false
|
|
|
- },
|
|
|
- {
|
|
|
- name: '10台以上',
|
|
|
- checked: false,
|
|
|
- disabled: false
|
|
|
- },
|
|
|
- ]
|
|
|
+ numlist: [
|
|
|
+ {
|
|
|
+ name: '5台以内',
|
|
|
+ disabled: false
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '5~10台',
|
|
|
+ disabled: false
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '10台以上',
|
|
|
+ disabled: false
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ // u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
|
|
|
+ value: 'orange',
|
|
|
|
|
|
|
|
|
};
|
|
|
@@ -133,13 +130,7 @@
|
|
|
</style>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
- .head {
|
|
|
- img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
+
|
|
|
.main {
|
|
|
width: 100%;
|
|
|
margin-top: 131px;
|
|
|
@@ -220,10 +211,14 @@
|
|
|
|
|
|
}
|
|
|
.want{
|
|
|
- /deep/.u-checkbox{
|
|
|
- width: 50% !important;
|
|
|
- margin-top: 8px;
|
|
|
- }
|
|
|
+
|
|
|
+ .radio-box{
|
|
|
+ margin-top: 12px;
|
|
|
+ }
|
|
|
+ /deep/.u-radio{
|
|
|
+ width: 50% !important;
|
|
|
+ margin-top: 4px;
|
|
|
+ }
|
|
|
}
|
|
|
.hint{
|
|
|
margin-top: 12px;
|
