gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style:样式调整

Browse Source
This commit is contained in:
@changcode
2022-07-08 17:06:24 +08:00
parent a631ddfade
commit 69673fd2d0
2 changed files with 24 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/css/components/views/charts/NetworkOverviewLine.scss
View File

@@ -23,16 +23,18 @@
.line-select__operation { .line-select__operation {
height: 24px; height: 24px;
margin-left: 3px; margin-left: 3px;
background: #FFFFFF;
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.10); box-shadow: 0 2px 4px 0 rgba(51,51,51,0.10);
border-radius: 2px; border-radius: 2px;
.option__select { .option__select {
pointer-events:none;
.el-input__inner { .el-input__inner {
width: 80px; width: 80px;
height: 24px; height: 24px;
text-align: left; padding-left: 4px;
line-height: 24px; line-height: 24px;
font-size: 12px;
color: #2C72C6; color: #2C72C6;
font-weight: 400;
} }
.el-input__suffix { .el-input__suffix {
display: flex; display: flex;

32
src/views/charts2/charts/NetworkOverviewLine.vue
View File

@@ -7,12 +7,12 @@
<div class="line-select__operation"> <div class="line-select__operation">
<el-select <el-select
size="mini" size="mini"
v-model="options" v-model="value1"
class="option__select select-topn" class="option__select select-topn"
placeholder="" placeholder=""
popper-class="option-popper" popper-class="option-popper"
> >
<el-option v-for="item in options" :key="item.value" :label="item.label"></el-option> <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
</div> </div>
@@ -21,12 +21,12 @@
<div class="line-select__operation"> <div class="line-select__operation">
<el-select <el-select
size="mini" size="mini"
v-model="options" v-model="value2"
class="option__select select-topn" class="option__select select-topn"
placeholder="" placeholder=""
popper-class="option-popper" popper-class="option-popper"
> >
<el-option v-for="item in options" :key="item.value" :label="item.label"></el-option> <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
</div> </div>
@@ -50,10 +50,10 @@ export default {
}, },
data () { data () {
return { return {
options: [ options1: [
{ {
value: 'Option1', value: 'Bits',
label: 'Option1' label: 'Bits'
}, },
{ {
value: 'Option2', value: 'Option2',
@@ -63,15 +63,23 @@ export default {
value: 'Option3', value: 'Option3',
label: 'Option3' label: 'Option3'
}, },
],
value1: '',
options2: [
{ {
value: 'Option4', value: 'Average',
label: 'Option4' label: 'Average'
}, },
{ {
value: 'Option5', value: 'Option2',
label: 'Option5' label: 'Option2'
} },
{
value: 'Option3',
label: 'Option3'
},
], ],
value2: '',
mpackets: [42, 1, 2, 1, 12], mpackets: [42, 1, 2, 1, 12],
unitConvert unitConvert
} }