From 6573514c3ffbd390c125febed8dea040c0c48f80 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期四, 04 三月 2021 11:32:54 +0800
Subject: [PATCH] 样式的修改
---
src/pages/ai/index/App.vue | 88 +++++++++++++++++++++++++++----------------
1 files changed, 55 insertions(+), 33 deletions(-)
diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue
index bea2aa0..8d2b2d9 100644
--- a/src/pages/ai/index/App.vue
+++ b/src/pages/ai/index/App.vue
@@ -115,7 +115,7 @@
type="warning"
size="small"
class="bot-btn"
- >鍗囩骇1</el-button
+ >鍗囩骇</el-button
>
</div>
</div>
@@ -254,7 +254,7 @@
type="warning"
size="small"
class="bot-btn"
- >鍗囩骇2</el-button
+ >鍗囩骇</el-button
>
</div>
</div>
@@ -666,7 +666,7 @@
type="warning"
size="small"
class="bot-btn"
- >鍗囩骇3</el-button
+ >鍗囩骇</el-button
>
</div>
</div>
@@ -754,7 +754,7 @@
type="warning"
size="small"
class="bot-btn"
- >鍗囩骇4</el-button
+ >鍗囩骇</el-button
>
</div>
</div>
@@ -847,10 +847,10 @@
@close="closeDial"
>
<!-- <el-button-group> -->
- <div class="button-group">
- <el-button plain size="small" @click="backwards" :disabled="backDisable"> < </el-button>
+ <div class="button-group" v-show="!backDisable||!forwardDisable">
+ <el-button size="small" @click="backwards" :disabled="backDisable"> <span><</span> </el-button>
<!-- <el-button type="primary" size="small" icon="el-icon-arrow-left"></el-button> -->
- <el-button plain size="small" @click="forwards" :disabled="forwardDisable">></el-button>
+ <el-button size="small" @click="forwards" :disabled="forwardDisable">></el-button>
<!-- <el-button type="primary" size="small"><i class="el-icon-arrow-right el-icon--right"></i></el-button> -->
</div>
@@ -916,20 +916,11 @@
<!-- <span
class="tag"
v-for="(id, index) in curCheckTarget.productLabelId"
- :key="index+'i'"
+ :key="index+'i'"
>{{showNameById(id)}}</span> -->
- <el-tag type="info" color="#fff">搴旂敤</el-tag>
- <el-tag type="info" color="#fff">绠楁硶</el-tag>
- <el-tag type="info" color="#fff">杞欢</el-tag>
- <!-- <span
- class="tag"
- >搴旂敤</span>
- <span
- class="tag"
- >绠楁硶</span>
- <span
- class="tag"
- >杞欢</span> -->
+ <el-tag type="info" color="#fff" v-if="!isSDKDialog">搴旂敤</el-tag>
+ <el-tag type="info" color="#fff" v-if="isSDKDialog">绠楁硶</el-tag>
+ <el-tag type="info" color="#fff" >杞欢</el-tag>
</div>
<div class="btns">
<el-button size="medium" type="warning" v-if="needToUpgradeInWin" @click="upgradeSDKinWin" >{{
@@ -956,7 +947,7 @@
>
</div>
<div class="product-intruduction">
- <div class="part-title">绠�浠�</div>
+ <div class="part-title" v-if="!showInputCode">绠�浠�</div>
<div class="text">
<div class="single-desc">
<div>鐗堟湰锛�</div>
@@ -1805,26 +1796,41 @@
font-size: 14px;
}
.el-dialog {
- width: 60%;
+ width: 55%;
min-width: 920px;
position: relative;
}
.el-dialog__header {
text-align: center;
- padding: 15px;
+ padding: 6px;
+
+ .el-dialog__headerbtn {
+ position: absolute;
+ top: 5px;
+
+ right: 20px;
+ padding: 0;
+ background: transparent;
+ outline: none;
+ cursor: pointer;
+ font-size: 20px;
+ }
}
.el-dialog__body {
background-color: rgba(222, 225, 230, 1);
padding: 10px 5px;
.button-group{
position: absolute;
- top: 9px;
+ top: 3px;
+
left:6px;
left: 10px;
-
+ .el-button--small {
+ padding: 6px 12px;
+ }
button{
// margin-right: 6px;
- background-color: #ecf5ff;
+ // background-color: #ecf5ff;
font-size: 18px;
line-height: 12px;
}
@@ -1840,6 +1846,7 @@
background-color: rgba(253, 253, 253, 1);
margin: 0 0.5%;
height: 350px;
+ border-radius: 2px;
.banner {
text-align: center;
margin-top: 11px;
@@ -1869,9 +1876,10 @@
height: 350px;
background-color: rgba(253, 253, 253, 1);
position: relative;
+ border-radius: 2px;
overflow: hidden;
.summary {
- height: 140px;
+ height: 135px;
margin: 5px 5px 0 5px;
.icon {
@@ -1951,6 +1959,7 @@
height: 260px;
background-color: rgba(253, 253, 253, 1);
margin: 0 0.5%;
+ border-radius: 2px;
float: left;
// background-color: lightblue;
.part-title {
@@ -1967,11 +1976,15 @@
.list-zone {
overflow: auto;
height: 225px;
- padding: 0 8px;
+ padding: 0 12px;
+
.list-item {
.desc {
background-color: rgba(242, 242, 242, 1.3);
+ margin: 4px 12px 0 12px;
+
}
+ margin-bottom: 12px;
}
}
}
@@ -1982,6 +1995,7 @@
width: 49%;
// background-color: lightgoldenrodyellow;
margin: 0 0.5%;
+ border-radius: 2px;
.part-title {
display: block;
@@ -1997,7 +2011,8 @@
.item-zone {
overflow: auto;
height: 225px;
- padding: 0 10px;
+ padding: 0px 12px;
+
.item {
height: 165px;
width: 130px;
@@ -2015,18 +2030,25 @@
// width: 100%;
// height: 68px;
// width: 68px;
- position: absolute;
+ // position: absolute;
// margin: 0 auto;
margin: 0 auto;
- top: 21%;
- left: 26%;
+ // top: 21%;
+ // left: 26%;
img {
// display: block;
max-width: 60px;
max-height: 60px;
+ position: absolute;
+ top: 20%;
+ left: 26%;
}
.icon-name {
- text-align: center;
+ text-align: center;
+ position: absolute;
+ top: 61%;
+ left: 7%;
+ width: 110px;
}
}
.look-button {
--
Gitblit v1.8.0