no message
Former-commit-id: 10c06ef856fd1e1b65ed763899f76a4f9a170c12 Former-commit-id: e5c0e4ccf2a01c8b5a400cd6001f5ce883db1c7e Former-commit-id: a618014bf4081050709432146eebbca364e3d105
This commit is contained in:
@@ -94,7 +94,7 @@ export default {
|
||||
font-size: 60px;
|
||||
&.end {
|
||||
padding: 0px 20px;
|
||||
border-radius: $border-radius;
|
||||
border-radius: 4px;
|
||||
background-color: $color-success;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
placement="right"
|
||||
:title="icon"
|
||||
width="300"
|
||||
trigger="hover">
|
||||
trigger="click">
|
||||
<div class="icon-group">
|
||||
<i :class="'fa fa-' + icon"></i>
|
||||
</div>
|
||||
|
||||
@@ -12,6 +12,12 @@
|
||||
</el-radio-group>
|
||||
</template>
|
||||
<el-row style="margin: -10px;">
|
||||
<el-alert
|
||||
title="点击图标复制代码"
|
||||
type="info"
|
||||
class="dd-m-10"
|
||||
style="width: auto;">
|
||||
</el-alert>
|
||||
<el-col v-for="(iconItem, iconIndex) in iconShow.icon" :key="iconIndex" :span="6" class="dd-p-10">
|
||||
<IconCell :icon="iconItem"></IconCell>
|
||||
</el-col>
|
||||
31
src/pages/demo/plugins/font-awesome/select.vue
Normal file
31
src/pages/demo/plugins/font-awesome/select.vue
Normal file
@@ -0,0 +1,31 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="dd-mb">
|
||||
<p class="dd-mt-0">禁止用户输入 可以清空 icon = {{icon}}</p>
|
||||
<IconSelect v-model="icon"></IconSelect>
|
||||
<p>禁止用户输入 不可以清空 icon2 = {{icon2}}</p>
|
||||
<IconSelect v-model="icon2" :clearable="false"></IconSelect>
|
||||
<p>用户可以输入 可以清空 icon3 = {{icon3}}</p>
|
||||
<IconSelect v-model="icon3" :user-input="true"></IconSelect>
|
||||
<p>用户可以输入 不可以清空 icon4 = {{icon4}}</p>
|
||||
<IconSelect v-model="icon4" :user-input="true" :clearable="false"></IconSelect>
|
||||
</el-card>
|
||||
<el-card>
|
||||
<Markdown url="/static/markdownFiles/article/图标选择组件使用方法.md"></Markdown>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
icon: '',
|
||||
icon2: '',
|
||||
icon3: '',
|
||||
icon4: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -47,7 +47,7 @@ export default {
|
||||
@import '~@/assets/style/public.scss';
|
||||
.col {
|
||||
padding: $margin;
|
||||
border-radius: $border-radius;
|
||||
border-radius: 4px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
font-size: 16px;
|
||||
|
||||
Reference in New Issue
Block a user