KH/kh-device-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[update] PC端样式调整

Browse Source
This commit is contained in:
danshihao
2024-04-16 11:30:45 +08:00
parent 8105873219
commit 563d157144
46 changed files with 349 additions and 492 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/systemOverview/systemSettings/SystemSettings.vue
+8 -8
View File
@@ -31,11 +31,11 @@
</a-form-item>
</div>
<div class="flex-center custom-btns-box">
<a-button class="btn-blue-long" @click="handleResetSysSettingForm" style="margin-right: 16px;">
<a-button type="primary" ghost @click="handleResetSysSettingForm" style="margin-right: 16px;">
<img :src="require('@assets/images/icon/refresh.png')" alt="恢复默认设置" class="btn-icon">
<span class="btn-text">恢复默认设置</span>
</a-button>
<a-button class="btn-cyan-medium" @click="handleSaveSysSetting">
<a-button type="primary" @click="handleSaveSysSetting">
<img :src="require('@assets/images/icon/save.png')" alt="保存设置" class="btn-icon">
<span class="btn-text">保存设置</span>
</a-button>
@@ -67,7 +67,7 @@
<div class="table-text"
:class="{
'tag-blue width-76': record.userType === userType.admin.value,
'tag-cyan width-76': record.userType === userType.common.value
'tag-green width-76': record.userType === userType.common.value
}">{{ text || text === 0 ? text : global.emptyLine }}</div>
</a-tooltip>
</template>
@@ -128,8 +128,8 @@
</a-col>
</a-row>
<div class="flex-center custom-btns-box">
<a-button class="btn-cyan" @click="handleAddUser">
<img :src="require('@assets/images/icon/add.png')" alt="保存设置" class="btn-icon">
<a-button type="primary" @click="handleAddUser">
<img :src="require('@assets/images/icon/add.png')" alt="添加" class="btn-icon">
<span class="btn-text">添加</span>
</a-button>
</div>
@@ -161,7 +161,7 @@
<div class="table-text"
:class="{
'tag-blue width-118': text === msgType.hostToDevice.label,
'tag-cyan width-118': text === msgType.deviceToHost.label
'tag-green width-118': text === msgType.deviceToHost.label
}">{{ text || text === 0 ? text : global.emptyLine }}</div>
</a-tooltip>
</template>
@@ -533,9 +533,8 @@ export default {
position: relative;
width: calc(100% + 40px);
height: 168px;
margin: -13px -20px 0;
background: url("~@/assets/images/systemOverview/systemSettings/upload-avatar.png") no-repeat center center;
background-size: 100%;
background-size: 124px 124px;
.upload-avatar {
width: 120px;
@@ -553,6 +552,7 @@ export default {
border: none;
width: 120px;
height: 120px;
padding: 1px;
}
/deep/.ant-upload-list-picture .ant-upload-list-item-thumbnail,
/deep/.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {