首页样式修改

pages/index/Index.vue

@@ -1,7 +1,44 @@
 <template>
 	<view class="content">
-		<view>
-			<view class="cu-bar bg-blacks">
+	 
+	  <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: 21vh;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: 1vh;top:0vh;z-index: 99999;font-size: 15px;">{{address}}</block>
+		  </view>
+		  <view class="plus" @tap="showModal" data-target="viewModal" style="color:white; position: relative;left: 32vh;top:-4vh;z-index: 99999;">+</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>
@@ -19,7 +56,7 @@
 					<view class="plus" @tap="showModal" data-target="viewModal">+</view>
 				</view>
 			</view>
-		</view>
+			 -->
 		<!-- 抽屉组件 -->
 		<div>
 			<drawer ref="drawer"></drawer>