|
@@ -9,7 +9,7 @@
|
|
|
<div>
|
|
|
<span>W</span>
|
|
|
<el-input
|
|
|
- style="width:74px;margin-left:6px"
|
|
|
+ style="width: 74px; margin-left: 6px"
|
|
|
size="mini"
|
|
|
v-model="width"
|
|
|
placeholder="请输入内容"
|
|
@@ -18,7 +18,7 @@
|
|
|
<div>
|
|
|
<span>H</span>
|
|
|
<el-input
|
|
|
- style="width:74px;margin-left:6px"
|
|
|
+ style="width: 74px; margin-left: 6px"
|
|
|
size="mini"
|
|
|
v-model="height"
|
|
|
placeholder="请输入内容"
|
|
@@ -28,17 +28,38 @@
|
|
|
</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
+ <div class="small-title">填充</div>
|
|
|
+ <div class="property property-push">
|
|
|
+ <div class="color-box">
|
|
|
+ <div class="cololorSelect">
|
|
|
+ <el-color-picker
|
|
|
+ show-alpha
|
|
|
+ @change="changeFillcolor"
|
|
|
+ class="fix-box-1"
|
|
|
+ v-model="fillColor"
|
|
|
+ ></el-color-picker>
|
|
|
+ </div>
|
|
|
+ <span>颜色</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
<div class="small-title">边框</div>
|
|
|
<div class="property">
|
|
|
<div class="color-box">
|
|
|
<div class="cololorSelect">
|
|
|
- <el-color-picker @change="changeColor" show-alpha class="fix-box-1" v-model="color"></el-color-picker>
|
|
|
+ <el-color-picker
|
|
|
+ @change="changeColor"
|
|
|
+ show-alpha
|
|
|
+ class="fix-box-1"
|
|
|
+ v-model="color"
|
|
|
+ ></el-color-picker>
|
|
|
</div>
|
|
|
<span>颜色</span>
|
|
|
</div>
|
|
|
<div class="line-width">
|
|
|
<el-input-number
|
|
|
- style="width:80px"
|
|
|
+ style="width: 80px"
|
|
|
v-model="linewidth"
|
|
|
controls-position="right"
|
|
|
@change="changeLinewidth"
|
|
@@ -69,22 +90,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
- <li>
|
|
|
- <div class="small-title">填充</div>
|
|
|
- <div class="property property-push">
|
|
|
- <div class="color-box">
|
|
|
- <div class="cololorSelect">
|
|
|
- <el-color-picker
|
|
|
- show-alpha
|
|
|
- @change="changeFillcolor"
|
|
|
- class="fix-box-1"
|
|
|
- v-model="fillColor"
|
|
|
- ></el-color-picker>
|
|
|
- </div>
|
|
|
- <span>颜色</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</template>
|