Procházet zdrojové kódy

style:页面样式修改,logo图片位置调整

xianna.liang před 8 měsíci
rodič
revize
b93bc3d6bd
4 změnil soubory, kde provedl 13 přidání a 14 odebrání
  1. 3 1
      pages/index15/index15.vue
  2. 2 2
      pages/index32/index32.vue
  3. 7 10
      theme/chat32.css
  4. 1 1
      theme/public.css

+ 3 - 1
pages/index15/index15.vue

@@ -2,7 +2,9 @@
 	<view id='app'>
 		<view class="head" :style="{backgroundColor:styleData.color}">
 			<text :style="{color:styleData.fontColor}">睿宝AI</text>
-			<switch @change="styleChange(styleData)" />
+			<view class="switch">
+				<switch @change="styleChange(styleData)" />
+			</view>
 		</view>
 		<view class="pageView" :style="{backgroundColor:styleData.color}">
 			<view class="sidebar-left"></view>

+ 2 - 2
pages/index32/index32.vue

@@ -58,10 +58,10 @@
 								:disabled="msgList.isClick" :style="{backgroundColor:styleData.btnColor}">发送</button>
 						</view>
 					</view>
-				</view>s
+				</view>
 			</view>
 			<view class="sidebar-right" :style="`height:${95-styleData.screenWidth}vh`">
-				<image src="../../static/logo.png" mode="aspectFit" :style="`top:${70-styleData.screenWidth}vh`"></image>
+				<image src="../../static/logo.png" mode="aspectFit" ></image>
 			</view>
 		</view>
 	</view>

+ 7 - 10
theme/chat32.css

@@ -3,6 +3,7 @@
 #app{
 	bottom:0
 }
+
 .placeholder {
 	height: 40vh;
 
@@ -14,22 +15,18 @@
 
 .body {
 	height: 55vh;
-	width: 70%;
+	width: 70vw;
 }
 
 /* --- 主内容区 --- */
-.pageView{
-	padding-top: 30px;
-}
-
 
 .sidebar-right {
-	width: 25%;
-	height: 55vh;
+	width: 25vw;
 }
 
 .sidebar-right image {
-	height: 900rpx;
-	right: 10%;
-	top:30vh
+	height: 600rpx;
+	position: absolute;
+	right: 6rpx;
+	bottom: 30rpx;
 }

+ 1 - 1
theme/public.css

@@ -139,7 +139,7 @@
 
 /* --- 左右两边占位调节、图片占位 --- */
 .sidebar-left {
-	width: 5%;
+	width: 5vw;
 }