首页导航样式修改

colorui/main.css

@@ -853,6 +853,19 @@ button.cuIcon.lg {
 	background-color: #dd514c;
 }
 
+.cu-tag.looknumber{
+ border-radius: 200upx;
+ position: absolute;
+ font-size: 20upx;
+ padding: 0upx 10upx;
+ height: 28upx;
+ color: #ffffff;
+}
+
+.cu-tag.looknumber:not([class*="bg-"]) {
+ background-color: #dc9d04;
+}
+
 .cu-tag:empty:not([class*="cuIcon-"]) {
 	padding: 0upx;
 	width: 16upx;
@@ -3953,16 +3966,3 @@ scroll-view.cu-steps .cu-item {
 	color: #ffffff;
 }
 
-.cu-tag.looknumber{
- border-radius: 100upx;
- position: absolute;
- top: -15upx;
- font-size: 18upx;
-/* padding: 0upx 10upx; */
- height: 28upx;
- color: #ffffff;
-}
-
-.cu-tag.looknumber:not([class*="bg-"]) {
- background-color: #dc9d04;
-}

pages/index/Index.vue

@@ -1,63 +1,25 @@
 <template>
-	<view class="content">
-	 
-	  <view style="position: absolute;">
-		  <view  @tap="openDrawer" style="color:white; position: relative;left: 0vh;top:5vh;z-index: 99999;">
-		  	<image src="../../static/picture/fourLine.png" style="width: 30px;height: 30px;"></image>
-		  </view>
-		  <view style="color:white; position: relative;left: 20vh;top:1vh;z-index: 99999;">
-			
-		  		  <view class="notice">
-		  		   <view class="icon cuIcon-notice text-white" v-if="badge != 0">
-		  		    <view class="cu-tag looknumber" style="margin-top: 5%;">
-		  		     <block v-if="badge != 1">{{ badge > 99 ? '99+' : badge }}</block>
-		  		    </view>
-		  		   </view>
-		  		   </view>
-				  <block style="color:white; position: relative;left: -5vh;top:0vh;z-index: 99999;font-size: 15px;">{{address}}</block>
-				  <view class="plus" @tap="showModal" data-target="viewModal" style="color:white; position: relative;left: -2vh;top:-3vh;z-index: 99999;">+</view>
-		  </view>
-		  
-		  
-	     <cu-custom bgColor="bg-blacks" :isBack="false" style="height: 180px;">
-	      <block slot="backText">
-	      <!-- <view style="width: 10rpx;">返回</view> -->
-	      </block>
-	      <block slot="content">
-	       <view class="notice">
-	        <view class="icon cuIcon-notice text-white" v-if="badge != 0">
-	         <view class="cu-tag looknumber" style="margin-top: 5%;">
-	          <block v-if="badge != 1">{{ badge > 99 ? '99+' : badge }}</block>
-	         </view>
-	        </view>
-	       </view>
-	      </block>
-	      <block slot="content"></block>
-	      <block slot="content">
-	       <image style="width: 15px;height: 15px;">
-	      </block>
-	     </cu-custom>
-	    </view>
-				<!-- <view style="margin-top: 5%;height: 100px;width: 10px;"></view> -->
-			<!-- <view class="cu-bar bg-blacks">
-				<view class="threeLine" @tap="openDrawer">
-					<image src="../../static/picture/fourLine.png" style="width: 30px;height: 30px;margin-top: 12%;margin-left: 10%;"></image>
-				</view>
-				<view class="notice">
-					<view class="icon cuIcon-notice text-white" v-if="badge != 0" style="margin-top: 30%;">
-						<view class="cu-tag looknumber" style="margin-top: 5%;">
-							<block v-if="badge != 1">{{ badge > 99 ? '99+' : badge }}</block>
+	<view class="content"> 
+			<cu-custom bgColor="bg-blacks" :isBack="false">
+			    <block slot="right">
+					<image src="../../static/picture/fourLine.png" style="width: 30px;height: 30px;margin-left: 2%;" @tap="openDrawer"></image>
+				</block>
+				<block slot="right">	
+						<view class="icon cuIcon-notice text-white" v-if="badge != 0" style="margin-left: -70%;">
+							<view class="cu-tag looknumber" style="margin-top: -2%;">
+								<block v-if="badge != 1">{{ badge > 99 ? '99+' : badge }}</block>
+							</view>
 						</view>
-					</view>
-				</view>
-				<view class="content">
-					{{address}}
-				</view>
-				<view class="action">
+				</block>
+				<block slot="right">
+						
+				</block>
+			    <block slot="content">{{address}}</block>
+				<block slot="right">
 					<view class="plus" @tap="showModal" data-target="viewModal">+</view>
-				</view>
-			</view>
-			 -->
+				</block>
+			</cu-custom>
+		
 		<!-- 抽屉组件 -->
 		<div>
 			<drawer ref="drawer"></drawer>
@@ -68,7 +30,7 @@
 		<scroll-view scroll-y class="DrawerPage" :class="modalName == 'viewModal' ? 'show' : ''">
 			<!--时间组件-->
 			<view class="time">
-				<view class="timeimageshizhong">
+				<view class="timeimageshizhong" @tap="common.navTo('/components/weatherProphet/WeatherProphet')">
 					<image src="../../static/picture/dafeng.png" style="width: 20px;height: 20px;margin-left: 10px;"></image>
 				</view>
 				<view class="timeText">推荐时间：2020年4月15日 19:31</view>
@@ -3742,7 +3704,8 @@
 		width: 50px;
 		height: 45px;
 		float: left;
-		margin-left: -55%;
+		margin-left: -60%;
+		margin-top: 6%;
 	}
 
 	.plus {
@@ -3753,7 +3716,7 @@
 		font-size: 35px;
 		line-height: 45px;
 		text-align: right;
-		margin-top: 11px;
+		
 		margin-right: 2.5%;
 	}
 
@@ -3766,7 +3729,6 @@
 	}
 
 	.time {
-		margin-top: 25%;
 		clear: both;
 		background-color: #242424;
 		width: 100%;