BUG 30788

src/apps/AppServicePublic/AppServicePublic.vue

@@ -11,7 +11,7 @@
       <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" selectRoot>
         <span class="label" v-if="areaName">{{ areaName }}</span>
         <span v-else>请选择</span>
-        <u-icon name="arrow-right" color="#666" size="24" style="margin-left:4px;" />
+        <u-icon name="arrow-right" color="#666" size="24" style="margin-left:4px;"/>
       </AiAreaPicker>
     </div>
     <u-search class="serach_content" placeholder="请输入标题" :show-action="false" v-model="keyword" @clear="clearSearch"
@@ -207,10 +207,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-uni-page-body {
-  height: 100%;
-}
-
 ::v-deep .content {
   padding: 0 !important;
 }
@@ -248,13 +244,10 @@ uni-page-body {
   }
 }
 
-.iconfont-iconMore {
-  // margin-top: 8px;
-}
-
 .AppServicePublic {
   height: 100%;
 
+
   .header-top {
     display: flex;
     background: #fff;

src/apps/AppServicePublic/Detail.vue

@@ -1,26 +1,23 @@
 <template>
   <div class="Detail">
     <div class="header-top">
-      <div class="titles">{{data.title}}</div>
+      <div class="titles">{{ data.title }}</div>
       <div class="flex">
         <span class="left">
-          <span class="type" v-if="data.categoryName">{{data.categoryName}}</span>
+          <span class="type" v-if="data.categoryName">{{ data.categoryName }}</span>
           <span class="times">{{ data.createTime }}</span>
         </span>
 
         <span class="right">
           <img src="./img/view-icon.png" alt="">
-          <span>{{data.viewCount}}</span>
+          <span>{{ data.viewCount }}</span>
         </span>
       </div>
     </div>
-
     <div class="header-middle">
       <div class="contsnts">
         <u-parse :html="data.content"></u-parse>
       </div>
-
-
     </div>
     <!-- <div class="img-list" v-if="data.files && data.files.length && data.contentType != 1">
       <div class="title">图片</div>
@@ -35,8 +32,6 @@
 <script>
 export default {
   name: 'Detail',
-  components: {},
-  props: {},
   data() {
     return {
       data: {},
@@ -45,8 +40,6 @@ export default {
       selectList: []
     }
   },
-  computed: {},
-  watch: {},
   onLoad(o) {
     this.id = o.id
     this.listName = o.listName
@@ -55,8 +48,6 @@ export default {
   onShow() {
     document.title = this.listName
   },
-
-  mounted() {},
   methods: {
     previewImage(images, img) {
       uni.previewImage({
@@ -74,7 +65,7 @@ export default {
     getType() {
       this.$http.post(`/app/appcontentmoduleinfo/listByName?names=${this.listName}`).then((res) => {
         if (res.code == 0) {
-          if(res.data && res.data.length) {
+          if (res.data && res.data.length) {
             this.selectList = res.data[0].categoryList
           }
           this.getDetail()
@@ -86,15 +77,14 @@ export default {
 </script>
 
 <style scoped lang="scss">
-uni-page-body {
-  height: 100%;
-}
 .Detail {
   height: 100%;
   padding: 0 32px;
   background: #fff;
+
   .header-top {
     padding: 40px 0 32px 0;
+
     .titles {
       font-size: 48px;
       font-weight: 600;
@@ -110,6 +100,7 @@ uni-page-body {
       margin-top: 16px;
       font-size: 30px;
       color: #999999;
+
       .to-left {
         margin-left: 32px;
       }
@@ -118,11 +109,15 @@ uni-page-body {
 
   .header-middle {
     padding: 64px 0 48px 0;
+    background: inherit;
+
     .contsnts {
       font-size: 36px;
       line-height: 1.5;
       word-break: break-all;
+      background: inherit;
     }
+
     img {
       margin-top: 30px;
       width: 686px;
@@ -130,13 +125,14 @@ uni-page-body {
     }
   }
 
-  .img-list{
+  .img-list {
-    img{
+    img {
       width: 204px;
       height: 204px;
       margin: 0 8px 8px 0;
     }
-    .title{
+
+    .title {
       width: 100%;
       line-height: 112px;
       background: #FFF;
@@ -164,7 +160,7 @@ uni-page-body {
         color: #999999;
       }
 
-      .type{
+      .type {
         display: inline-block;
         padding: 0 16px;
         line-height: 48px;
@@ -181,19 +177,21 @@ uni-page-body {
     .right {
       font-size: 28px;
       color: #999;
-      img{
+
+      img {
         width: 32px;
         height: 32px;
         vertical-align: middle;
         margin-right: 8px;
       }
+
       .font {
         color: #4181ff;
       }
     }
   }
 
-  ::v-deep uni-video{
+  ::v-deep uni-video {
     width: 100%;
   }
 }