样式修改

马宇豪

2023-07-24 b1fc04036f964163c128586810fec8b5e9da7e2c

 pages/tabBar/notice/detail.vue

@@ -10,12 +10,10 @@
               <u-icon name="arrow-left" color="black" size="17" @click="goBack" />
               <view class="barText">信息详情</view>
            </view>
				
            <view class="divider"></view>
         </view>
      </view>
      <!-- 页面内容 -->
      <view style="padding: 10px 15px;display: flex;flex-direction: column;">
      <view class="detailCard">
         <text style="font-size: 18px;"><b>标题：</b>{{detailData.title}}</text>
         <text class="textTop"><b>类别：</b>{{detailData.disaster}}</text>
         <view style="display: flex;align-items: center;" class="textTop">
@@ -41,6 +39,7 @@
                     </view>
               </view>
            </view>
				
            <view class="attache_img" v-else>
               <view v-for="(item, index) in detailData.attachments" :key="index" >
                     <view  style="display: flex;margin-top: 10px;" v-if="item.suffix == 'jpg'|| item.suffix =='jpeg' || item.suffix =='png'"> 
@@ -51,6 +50,11 @@
                     </view>
               </view>
            </view>
				
<!--             <view style="width: 100%; height: 100px;">
               <web-view src="http://192.168.0.38:8086/uploadtest/2023/naturalDisaster/Warninginfo/0619/79e33942cb9548788f1f3196a2058c37.doc"></web-view>
            </view> -->
				
         </view>
         <text class="textTop" v-if="detailData.role == 'leader'"><b>信息提交人：</b>{{detailData.infoSubmitterRealName}}</text>
         <view class="textTop" v-if="detailData.role == 'leader'">
@@ -96,6 +100,10 @@
               @click="infoSend"
            >确认发布</u-button>
         </view>
      <!--    //村级显示 -->
      </view>
      <view class="measures">
         <u-button class="resBtn" type="primary" @click="goMeasures">响应措施反馈</u-button>
      </view>
   </view>
</template>
@@ -163,10 +171,14 @@
      },
      methods: {
         goBack() {
            console.log("1111")
            uni.navigateBack({
                url:'./notice/notice'
            });
         },
         goMeasures() {
            uni.navigateTo({
              url: `/pages/tabBar/notice/measures?data=` + encodeURIComponent("2")
            })
         },
         //审核通过
         approved() {
@@ -256,25 +268,26 @@
   }
</script>

<style>
<style lang="scss" scoped>
a{
   text-decoration: none;
}
.navBarBox .navBar {
   /* background-color:lightgrey; */
   height: 30px;
   display: flex;
   flex-direction: row;
   /* justify-content: center; */
   align-items: center;
/*    padding-top:5px ; */
   padding: 5px 8px;
  background-color:#fff;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-shadow: 0 3px 12px rgba(0,0,0,0.05);
}
.barText{
   margin-left: 36%;
   font-weight: 600;
   font-size: 18px;

  /* margin-left: 20px; */
  text-align: center;
  width: 85%;
  font-size: 16px;
  /* text-align: center; */
  font-weight: 600;
}
.navBarBox .navBar .logo {
   width: 82rpx;
@@ -308,6 +321,15 @@
   background-color: lightgray;
   margin-left: 15px;
}
.detailCard{
   display: flex;
   flex-direction: column;
   background: #fff;
   box-shadow: 0 3px 12px rgba(0,0,0,0.05);
   margin: 12px 12px 20px;
   border-radius: 5px;
   padding: 30px 12px;
}
.btn{
   margin-top: 80px;
   display: flex;
@@ -315,5 +337,14 @@
   justify-content: space-around;
   width: 100%;
}
.measures{
   margin-top: 50px 12px 0;
   padding: 0 12px;
	
   .resBtn{
      border-radius: 5px;
      box-shadow: 0 3px 12px rgba(33,148,239,0.4);
   }
}

</style>