sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: fe46fb0206c8ea6d15663139bd90a1817d8fdc08 [formerly fe46fb0206c8ea6d15663139bd90a1817d8fdc08 [formerly fe46fb0206c8ea6d15663139bd90a1817d8fdc08 [formerly fe46fb0206c8ea6d15663139bd90a1817d8fdc08 [formerly e01f61adac026dd29444b3cdd1c33c44cae88ff6 [formerly 5a1eb146ef7e1d86af1b2bfa0e1b32daeabe9aa1]]]]]
Former-commit-id: eadaba48d8685b7f9eac4db3a6cacd293678184b
Former-commit-id: 8a929e4aa95d1a2cd6db04e69e489560417d0ecc
Former-commit-id: a4e3e9bde0550931f3915e829b4faad5421ba13b [formerly a5f5efc9e7c8ca190083629e072a499e81ee7fe9]
Former-commit-id: f0352c07bc46b0bf78765b2dd17b3b460b47f49c
Former-commit-id: db2c298a898799227f0e55e732c94663d860c1e6
Former-commit-id: b64f3984e4acd4c87310ec71d14fb5347543db87
Former-commit-id: 143dba586ebad09eeb226bb331e11577108ca0c8
Former-commit-id: 41ab3c6fda669388ee452ac1d5e623b3361b5ca8
This commit is contained in:
liyang
2018-06-18 21:24:05 +08:00
parent 62f31cf90c
commit cc27691c63
1 changed files with 97 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
src/pages/demo/element/form-radio/index.vue
View File

@@ -1,5 +1,101 @@
<template>
<d2-container>
radio
<el-row>
<el-col :span="12">
<h1 class="d2-mt-0">基础用法</h1>
<el-row>
<el-radio v-model="radio" label="1">备选项</el-radio>
<el-radio v-model="radio" label="2">备选项</el-radio>
</el-row>
<h1>禁用状态</h1>
<el-row>
<el-radio disabled v-model="radio" label="1">备选项</el-radio>
<el-radio disabled v-model="radio" label="2">备选项</el-radio>
</el-row>
<h1>单选框组</h1>
<el-row>
<el-radio-group v-model="radio">
<el-radio label="1">备选项1</el-radio>
<el-radio label="2">备选项2</el-radio>
<el-radio label="3">备选项3</el-radio>
</el-radio-group>
</el-row>
<h1>带有边框</h1>
<div>
<el-radio v-model="radio" label="1" border>备选项1</el-radio>
<el-radio v-model="radio" label="2" border>备选项2</el-radio>
</div>
<div style="margin-top: 20px">
<el-radio v-model="radio" label="1" border size="medium">备选项1</el-radio>
<el-radio v-model="radio" label="2" border size="medium">备选项2</el-radio>
</div>
<div style="margin-top: 20px">
<el-radio-group v-model="radio" size="small">
<el-radio label="1" border>备选项1</el-radio>
<el-radio label="2" border disabled>备选项2</el-radio>
</el-radio-group>
</div>
<div style="margin-top: 20px">
<el-radio-group v-model="radio" size="mini" disabled>
<el-radio label="1" border>备选项1</el-radio>
<el-radio label="2" border>备选项2</el-radio>
</el-radio-group>
</div>
</el-col>
<el-col :span="12">
<h1>单选框组</h1>
<div>
<el-radio-group v-model="radio2">
<el-radio-button label="上海"></el-radio-button>
<el-radio-button label="北京"></el-radio-button>
<el-radio-button label="广州"></el-radio-button>
<el-radio-button label="深圳"></el-radio-button>
</el-radio-group>
</div>
<div style="margin-top: 20px">
<el-radio-group v-model="radio2" size="medium">
<el-radio-button label="上海" ></el-radio-button>
<el-radio-button label="北京"></el-radio-button>
<el-radio-button label="广州"></el-radio-button>
<el-radio-button label="深圳"></el-radio-button>
</el-radio-group>
</div>
<div style="margin-top: 20px">
<el-radio-group v-model="radio2" size="small">
<el-radio-button label="上海"></el-radio-button>
<el-radio-button label="北京" disabled ></el-radio-button>
<el-radio-button label="广州"></el-radio-button>
<el-radio-button label="深圳"></el-radio-button>
</el-radio-group>
</div>
<div style="margin-top: 20px">
<el-radio-group v-model="radio2" disabled size="mini">
<el-radio-button label="上海"></el-radio-button>
<el-radio-button label="北京"></el-radio-button>
<el-radio-button label="广州"></el-radio-button>
<el-radio-button label="深圳"></el-radio-button>
</el-radio-group>
</div>
</el-col>
</el-row>
</d2-container>
</template>
<script>
export default {
data () {
return {
radio: '1',
radio2: '上海'
}
}
}
</script>