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 {
height: 24px;
margin-left: 3px;
background: #FFFFFF;
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.10);
border-radius: 2px;
.option__select {
pointer-events:none;
.el-input__inner {
width: 80px;
height: 24px;
text-align: left;
padding-left: 4px;
line-height: 24px;
font-size: 12px;
color: #2C72C6;
font-weight: 400;
}
.el-input__suffix {
display: flex;

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

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