zhangqi
/
kuailelunwen_new_houtai
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

一些走查样式修改

pull/109/head
zq 3 weeks ago
parent
d5eaf1256c
commit
b9d1845693
6 changed files with 31 additions and 15 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/assets/site/sitesem.svg
  2. 4
      src/components/GuipRadio.vue
  3. 19
      src/components/SliderMenu.vue
  4. 10
      src/components/Tooltip.vue
  5. 4
      src/components/site/serviceSetting/linkSet.vue
  6. 7
      src/views/agent/siteAdd.vue

2
src/assets/site/sitesem.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_166_43691"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_166_43691)"><g><g><g><g><path d="M11.329695765686036,14.874Q12.452475765686035,15.2827,13.535365765686034,14.7777Q14.618285765686036,14.2727,15.026945765686035,13.1499Q15.435605765686034,12.0272,14.930655765686035,10.94425L10.720725765686035,1.916034Q10.215735765686034,0.833132,9.092955765686035,0.424473Q7.970155765686036,0.01580999999999999,6.8872707656860355,0.520778Q5.804382765686035,1.0257423,5.395719765686035,2.14853Q4.987048765686035,3.27133,5.492038765686035,4.35422L9.701955765686035,13.3824Q10.206895765686035,14.4653,11.329695765686036,14.874ZM13.617405765686035,12.6369Q13.421245765686034,13.1758,12.901435765686035,13.4182Q12.381655765686034,13.6606,11.842725765686035,13.4645Q11.303795765686036,13.2683,11.061415765686036,12.7485L6.851485765686035,3.72026Q6.609099765686035,3.2005,6.805256765686035,2.6615599999999997Q7.001415765686035,2.12262,7.521205765686036,1.880236Q8.040985765686035,1.637855,8.579925765686035,1.834012Q9.118875765686035,2.03017,9.361265765686035,2.54996L13.571185765686035,11.5782Q13.813565765686036,12.098,13.617405765686035,12.6369Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M6.75468860124588,2.6296176144485472Q6.82495860124588,2.4789256144485474,6.82495860124588,2.3126546144485474Q6.82495860124588,2.2387861144485472,6.8105486012458805,2.1663366144485474Q6.79613860124588,2.093887614448547,6.76786860124588,2.0256416144485474Q6.73959860124588,1.9573966144485473,6.69855860124588,1.8959766144485473Q6.65751860124588,1.8345576144485474,6.6052886012458805,1.7823246144485474Q6.55305860124588,1.7300916144485474,6.49163860124588,1.6890526144485474Q6.43021860124588,1.6480136144485473,6.36196860124588,1.6197446144485474Q6.29371860124588,1.5914766144485473,6.2212786012458805,1.5770656144485473Q6.14882860124588,1.5626546144485474,6.07495860124588,1.5626546144485474Q5.96787860124588,1.5626546144485474,5.86508860124588,1.5926176144485473Q5.7622886012458805,1.6225796144485474,5.67197860124588,1.6801116144485473Q5.58167860124588,1.7376426144485473,5.51107860124588,1.8181456144485475Q5.44047860124588,1.8986486144485473,5.39522860124588,1.9956916144485475L1.2224726012458802,10.944204614448548Q0.7175096012458801,12.027094614448547,1.12617160124588,13.149854614448547Q1.5348296012458802,14.272654614448548,2.61771960124588,14.777654614448547Q3.70064860124588,15.282654614448548,4.82342860124588,14.873954614448547Q5.9461986012458805,14.465254614448547,6.45117860124588,13.382354614448547L8.55612860124588,8.868274614448548Q8.62639860124588,8.717584614448548,8.62639860124588,8.551314614448547Q8.62638860124588,8.477444614448547,8.61197860124588,8.404994614448547Q8.59756860124588,8.332544614448548,8.56929860124588,8.264294614448549Q8.54103860124588,8.196054614448547,8.499998601245881,8.134634614448547Q8.458958601245879,8.073214614448547,8.406718601245881,8.020984614448547Q8.35448860124588,7.968744614448547,8.293068601245881,7.9277046144485475Q8.23164860124588,7.886674614448547,8.16340860124588,7.858404614448547Q8.095158601245881,7.830134614448547,8.022708601245881,7.8157246144485475Q7.9502586012458805,7.801314614448548,7.87639860124588,7.801314614448548Q7.76931860124588,7.801314614448548,7.66651860124588,7.831274614448548Q7.56372860124588,7.861234614448548,7.47341860124588,7.9187646144485475Q7.38310860124588,7.976304614448547,7.31250860124588,8.056804614448549Q7.24191860124588,8.137304614448547,7.19665860124588,8.234354614448549L7.19627860124588,8.235164614448546L5.09172860124588,12.748454614448548Q4.84932860124588,13.268254614448548,4.31038860124588,13.464454614448547Q3.77145860124588,13.660554614448547,3.25166860124588,13.418154614448547Q2.73186860124588,13.175854614448548,2.53571060124588,12.636854614448547Q2.33955360124588,12.097914614448547,2.58193460124588,11.578134614448548L6.7544986012458805,2.6300296144485475L6.75468860124588,2.6296176144485472L6.75468860124588,2.6296176144485472Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g transform="matrix(0.9063078165054321,0.4226182699203491,-0.4226182699203491,0.9063078165054321,4.204394275264349,-0.3114770241663791)"><ellipse cx="4.939301252365112" cy="11.461273908615112" rx="2.1346137523651123" ry="2.1346137523651123" fill-opacity="0" stroke-opacity="1" stroke="#626573" fill="none" stroke-width="1.5"/></g></g></g></g></g></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_827_046896"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_827_046896)"><g><g><g><g><path d="M11.329695765686036,14.874Q12.452475765686035,15.2827,13.535365765686034,14.7777Q14.618285765686036,14.2727,15.026945765686035,13.1499Q15.435605765686034,12.0272,14.930655765686035,10.94425L10.720725765686035,1.916034Q10.215735765686034,0.833132,9.092955765686035,0.424473Q7.970155765686036,0.01580999999999999,6.8872707656860355,0.520778Q5.804382765686035,1.0257423,5.395719765686035,2.14853Q4.987048765686035,3.27133,5.492038765686035,4.35422L9.701955765686035,13.3824Q10.206895765686035,14.4653,11.329695765686036,14.874ZM13.617405765686035,12.6369Q13.421245765686034,13.1758,12.901435765686035,13.4182Q12.381655765686034,13.6606,11.842725765686035,13.4645Q11.303795765686036,13.2683,11.061415765686036,12.7485L6.851485765686035,3.72026Q6.609099765686035,3.2005,6.805256765686035,2.6615599999999997Q7.001415765686035,2.12262,7.521205765686036,1.880236Q8.040985765686035,1.637855,8.579925765686035,1.834012Q9.118875765686035,2.03017,9.361265765686035,2.54996L13.571185765686035,11.5782Q13.813565765686036,12.098,13.617405765686035,12.6369Z" fill-rule="evenodd" fill="#006AFF" fill-opacity="1"/></g><g><path d="M6.75468860124588,2.6296176144485472Q6.82495860124588,2.4789256144485474,6.82495860124588,2.3126546144485474Q6.82495860124588,2.2387861144485472,6.8105486012458805,2.1663366144485474Q6.79613860124588,2.093887614448547,6.76786860124588,2.0256416144485474Q6.73959860124588,1.9573966144485473,6.69855860124588,1.8959766144485473Q6.65751860124588,1.8345576144485474,6.6052886012458805,1.7823246144485474Q6.55305860124588,1.7300916144485474,6.49163860124588,1.6890526144485474Q6.43021860124588,1.6480136144485473,6.36196860124588,1.6197446144485474Q6.29371860124588,1.5914766144485473,6.2212786012458805,1.5770656144485473Q6.14882860124588,1.5626546144485474,6.07495860124588,1.5626546144485474Q5.96787860124588,1.5626546144485474,5.86508860124588,1.5926176144485473Q5.7622886012458805,1.6225796144485474,5.67197860124588,1.6801116144485473Q5.58167860124588,1.7376426144485473,5.51107860124588,1.8181456144485475Q5.44047860124588,1.8986486144485473,5.39522860124588,1.9956916144485475L1.2224726012458802,10.944204614448548Q0.7175096012458801,12.027094614448547,1.12617160124588,13.149854614448547Q1.5348296012458802,14.272654614448548,2.61771960124588,14.777654614448547Q3.70064860124588,15.282654614448548,4.82342860124588,14.873954614448547Q5.9461986012458805,14.465254614448547,6.45117860124588,13.382354614448547L8.55612860124588,8.868274614448548Q8.62639860124588,8.717584614448548,8.62639860124588,8.551314614448547Q8.62638860124588,8.477444614448547,8.61197860124588,8.404994614448547Q8.59756860124588,8.332544614448548,8.56929860124588,8.264294614448549Q8.54103860124588,8.196054614448547,8.499998601245881,8.134634614448547Q8.458958601245879,8.073214614448547,8.406718601245881,8.020984614448547Q8.35448860124588,7.968744614448547,8.293068601245881,7.9277046144485475Q8.23164860124588,7.886674614448547,8.16340860124588,7.858404614448547Q8.095158601245881,7.830134614448547,8.022708601245881,7.8157246144485475Q7.9502586012458805,7.801314614448548,7.87639860124588,7.801314614448548Q7.76931860124588,7.801314614448548,7.66651860124588,7.831274614448548Q7.56372860124588,7.861234614448548,7.47341860124588,7.9187646144485475Q7.38310860124588,7.976304614448547,7.31250860124588,8.056804614448549Q7.24191860124588,8.137304614448547,7.19665860124588,8.234354614448549L7.19627860124588,8.235164614448546L5.09172860124588,12.748454614448548Q4.84932860124588,13.268254614448548,4.31038860124588,13.464454614448547Q3.77145860124588,13.660554614448547,3.25166860124588,13.418154614448547Q2.73186860124588,13.175854614448548,2.53571060124588,12.636854614448547Q2.33955360124588,12.097914614448547,2.58193460124588,11.578134614448548L6.7544986012458805,2.6300296144485475L6.75468860124588,2.6296176144485472L6.75468860124588,2.6296176144485472Z" fill-rule="evenodd" fill="#006AFF" fill-opacity="1"/></g><g transform="matrix(0.9063078165054321,0.4226182699203491,-0.4226182699203491,0.9063078165054321,4.204187918687239,-0.3115227723028511)"><ellipse cx="4.939301252365112" cy="11.460785627365112" rx="2.1346137523651123" ry="2.1346137523651123" fill-opacity="0" stroke-opacity="1" stroke="#006AFF" fill="none" stroke-width="1.5"/></g></g></g></g></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

4
src/components/GuipRadio.vue
View File

@ -173,5 +173,9 @@ export default {
/* 自定义样式 */ /* 自定义样式 */
.el-radio-group { .el-radio-group {
margin: 10px 0; margin: 10px 0;
display: flex;
justify-content: flex-start;
gap: 20px 24px;
flex-wrap: wrap;
} }
</style> </style>

19
src/components/SliderMenu.vue
View File

@ -21,7 +21,7 @@
<el-submenu v-if="item.children" :key="item.index" :index="item.index"> <el-submenu v-if="item.children" :key="item.index" :index="item.index">
<template slot="title"> <template slot="title">
<SvgIcon1 :iconPath="require(`@/assets/menu/${item.icon}.svg`)" defaultColor="#8A9099" <SvgIcon1 :iconPath="require(`@/assets/menu/${item.icon}.svg`)" defaultColor="#8A9099"
activeColor="#006AFF" :isActive="item.index == currentMenuItem && currentMenuItem[index].substring(0,1) && isCollapse" /> activeColor="#006AFF" :isActive="item.index == currentMenuItem && currentMenuItem['index'].substring(0,1) && isCollapse" />
<span class="title_text" >{{ item.title }}</span> <span class="title_text" >{{ item.title }}</span>
</template> </template>
<el-menu-item style="padding: 0 22px 0 32px;" v-for="subItem in item.children" :key="subItem.index" <el-menu-item style="padding: 0 22px 0 32px;" v-for="subItem in item.children" :key="subItem.index"
@ -32,8 +32,8 @@
<el-menu-item v-else :index="item.index" :key="item.index" @click="handleSelect(item.index, [item.index], item)"> <el-menu-item v-else :index="item.index" :key="item.index" @click="handleSelect(item.index, [item.index], item)">
<div class="flex"> <div class="flex">
<SvgIcon1 :iconPath="require(`@/assets/menu/${item.icon}.svg`)" defaultColor="#8A9099" <SvgIcon1 :iconPath="require(`@/assets/menu/${item.icon}.svg`)" defaultColor="#8A9099"
activeColor="#006AFF" :isActive="item.index == currentMenuItem && currentMenuItem[index]" /> activeColor="#006AFF" :isActive="item.index == (currentMenuItem && currentMenuItem['index'])" />
<span class="title_text" slot="title">{{ item.title }}</span> <span class="title_text" slot="title">{{ item.title}}</span>
</div> </div>
</el-menu-item> </el-menu-item>
</template> </template>
@ -50,6 +50,7 @@ import SvgIcon1 from '@/components/SvgIcon1.vue';
import GuipToolTip from '@/components/GuipToolTip.vue'; import GuipToolTip from '@/components/GuipToolTip.vue';
export default { export default {
name: 'SliderMenu', name: 'SliderMenu',
options: { styleIsolation: "shared" },
components: { components: {
SvgIcon1, SvgIcon1,
GuipToolTip, GuipToolTip,
@ -215,22 +216,22 @@ export default {
} }
.el-menu-item.is-active { }
font-weight: bold; ::v-deep .el-menu-item.is-active .title_text{
} font-weight: bold;
color: #006AFF !important;
} }
.title_img { .title_img {
width: 16px; width: 16px;
margin-right: 4px; margin-right: 4px;
} }
.title_text { .title_text {
margin-left: 4px; margin-left: 4px;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: normal;
display: block; display: block;
color: #1E2226;
} }
.el-menu--collapse .title_text { .el-menu--collapse .title_text {

10
src/components/Tooltip.vue
View File

@ -67,18 +67,24 @@ export default {
const targetRect = targetEl.getBoundingClientRect(); const targetRect = targetEl.getBoundingClientRect();
const messageWidth = this.$el.offsetWidth; const messageWidth = this.$el.offsetWidth;
const viewportWidth = window.innerWidth; const viewportWidth = window.innerWidth;
const messageHeight = this.$el.offsetHeight;
// 默认居中位置 // 默认居中位置
let left = targetRect.left + targetRect.width / 2 - messageWidth / 2; let left = targetRect.left + targetRect.width / 2 - messageWidth / 2;
let top = 0;
// 边界检测 // 边界检测
if (left < 0) { if (left < 0) {
left = targetRect.left; // 左侧贴边 left = targetRect.left; // 左侧贴边
} else if (left + messageWidth > viewportWidth) { } else if (left + messageWidth > viewportWidth) {
left = viewportWidth - messageWidth - (viewportWidth -targetRect.right); // 右侧贴边 left = viewportWidth - messageWidth - (viewportWidth -targetRect.right); // 右侧贴边
} }
if(this.position == 'top'){
top =`${targetRect.top + window.scrollY - this.offset - messageHeight}px`
}else{
top = `${targetRect.top + window.scrollY + this.offset + messageHeight}px`
}
this.positionStyle = { this.positionStyle = {
top: `${targetRect.bottom + window.scrollY + this.offset}px`, top,
left: `${left}px`, left: `${left}px`,
right: 'auto', // 清除 right 定位 right: 'auto', // 清除 right 定位
}; };

4
src/components/site/serviceSetting/linkSet.vue
View File

@ -71,10 +71,10 @@ export default {
}, },
methods: { methods: {
toggleSetSyncHome(){ toggleSetSyncHome(){
this.syncHome = !this.syncHome // this.syncHome = !this.syncHome
}, },
toggleSetSyncCheck(){ toggleSetSyncCheck(){
this.syncCheck = !this.syncCheck // this.syncCheck = !this.syncCheck
}, },
saveConfirm() { saveConfirm() {
let obj = {} let obj = {}

7
src/views/agent/siteAdd.vue
View File

@ -162,7 +162,7 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
overflow-y: auto;
.custom-icon { .custom-icon {
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -182,6 +182,11 @@ export default {
text-align: left; text-align: left;
width: calc(84.75% - 72px); width: calc(84.75% - 72px);
} }
.sticky{
position: sticky;
top: 0px;
z-index: 100;
}
} }
.step-wrap { .step-wrap {

Write Preview
Loading…
Cancel
Save