ui样式
This commit is contained in:
@@ -412,6 +412,8 @@ onMounted(() => {
|
||||
.click {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top:4.5px;
|
||||
padding-bottom:4.5px;
|
||||
justify-content: center;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
@@ -423,6 +425,8 @@ onMounted(() => {
|
||||
.click2 {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
padding-top:4.5px;
|
||||
padding-bottom:4.5px;
|
||||
line-height: 9px;
|
||||
border-radius: 60%;
|
||||
background-color: #f5f5f5;
|
||||
|
||||
BIN
src/assets/img/fabushuliang.png
Normal file
BIN
src/assets/img/fabushuliang.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
src/assets/img/huishouzongliang.png
Normal file
BIN
src/assets/img/huishouzongliang.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
src/assets/img/jinrihuishou.png
Normal file
BIN
src/assets/img/jinrihuishou.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
@@ -47,7 +47,7 @@ export default defineComponent({
|
||||
},
|
||||
{
|
||||
name: '高阶分析',
|
||||
icon: '',
|
||||
icon: '',
|
||||
children: [
|
||||
// {
|
||||
// name: 'KANO分析',
|
||||
|
||||
@@ -75,7 +75,7 @@ export default defineComponent({
|
||||
}
|
||||
.title {
|
||||
position: absolute;
|
||||
top: -23px;
|
||||
top: -17px;
|
||||
left: -25px;
|
||||
display: flex;
|
||||
// justify-content: center;
|
||||
@@ -90,6 +90,7 @@ export default defineComponent({
|
||||
// justify-content: space-between;
|
||||
width: 440px;
|
||||
&-item {
|
||||
border-radius: 8px 8px 0px 0px;
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
@@ -161,6 +162,5 @@ export default defineComponent({
|
||||
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
opacity: 1;
|
||||
padding: 24px 0 24px 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -684,6 +684,7 @@ export default {
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #28883D;
|
||||
}
|
||||
&-numNone {
|
||||
width: 30px;
|
||||
@@ -694,6 +695,7 @@ export default {
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #28883D;
|
||||
}
|
||||
&-more {
|
||||
display: none;
|
||||
|
||||
@@ -554,10 +554,10 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ques {
|
||||
padding:8px 32px 32px 32px;
|
||||
padding:32px 24px 0px 24px;
|
||||
height: 100%;
|
||||
&-list {
|
||||
height: 69vh;
|
||||
height: 74vh;
|
||||
overflow: auto;
|
||||
&-item {
|
||||
position: relative;
|
||||
@@ -609,11 +609,11 @@ export default {
|
||||
&-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 220px;
|
||||
// justify-content: space-between;
|
||||
.iconfont {
|
||||
font-size: 22px;
|
||||
color: #dadada;
|
||||
margin: 0 40px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
color: #70b936;
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<layout>
|
||||
<template v-slot:left>
|
||||
<BankGroupList ref="bankGroupRef" @checkGroup="checkGroupHandle"/>
|
||||
<BankGroupList class="left" ref="bankGroupRef" @checkGroup="checkGroupHandle"/>
|
||||
</template>
|
||||
<template v-slot:right>
|
||||
<BankQuesList :groupInfo="groupInfo" @refreshGroup="refreshGroupHandle"/>
|
||||
@@ -41,4 +41,9 @@ export default {
|
||||
height: 94%;
|
||||
background: #ffffff;
|
||||
}
|
||||
.left{
|
||||
border-right: 1px #EAEAEA solid;
|
||||
padding: 24px 0;
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -18,7 +18,8 @@
|
||||
{{ from.num1 }}
|
||||
</div>
|
||||
</div>
|
||||
<i style="font-size: 40px; margin-right: 68px;color: #ffffff;line-height: 75px;" class="iconfont"></i>
|
||||
<img style="width:110px;height:90px" src="@/assets/img/jinrihuishou.png" alt="">
|
||||
<!-- <i style="font-size: 40px; margin-right: 68px;color: #ffffff;line-height: 75px;" class="iconfont"></i> -->
|
||||
</div>
|
||||
<div class="card" :style="from.num3 > 0 ? 'width:32.5%' : 'width:49%'">
|
||||
<div class="imgstyle" style="background-color: rgb(78, 125, 255)">
|
||||
@@ -34,7 +35,8 @@
|
||||
{{ from.num2 }}
|
||||
</div>
|
||||
</div>
|
||||
<i style="font-size: 40px; margin-right: 68px;color: #ffffff;line-height: 75px;" class="iconfont"></i>
|
||||
<img style="width:110px;height:90px" src="@/assets/img/huishouzongliang.png" alt="">
|
||||
<!-- <i style="font-size: 40px; margin-right: 68px;color: #ffffff;line-height: 75px;" class="iconfont"></i> -->
|
||||
</div>
|
||||
<div class="card" v-if="from.num3 > 0">
|
||||
<div class="imgstyle" style="background-color: #2cd076">
|
||||
@@ -50,6 +52,7 @@
|
||||
{{ from.num3 }}
|
||||
</div>
|
||||
</div>
|
||||
<img style="width:110px;height:90px" src="@/assets/img/fabushuliang.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user