芳香生活 列表和详情页

陪伴营 列表和详情页

common/api/news.js

@@ -11,3 +11,6 @@ export const getNewsList = data => {
 export const getNewsRead = data => {
 	return request.post('/wechat/news/read', data)
 }
+export const getCatesList= data => {
+	return request.post('/wechat/news/cates', data)
+}

common/styles/common.scss

@@ -36,12 +36,18 @@ ol, ul {
 .mr5 {
   margin-right: 5px;
 }
+.mr8 {
+	margin-right: 8px;
+}
 .mr10 {
   margin-right: 10px;
 }
 .mr12 {
 	margin-right: 12px;
 }
+.mr15 {
+	margin-right: 15px;
+}
 .mr20 {
   margin-right: 40rpx;
 }

pages.json

@@ -257,6 +257,52 @@
 					}
 				}
 			},
+			{
+				"path": "accompanyingCamp/accompanyingCamp",
+				"style": {
+					"navigationBarTitleText": "陪伴营",
+					"enablePullDownRefresh": false,
+					"app-plus": {
+						// 将回弹属性关掉
+						"bounce": "none"
+					}
+				}
+			},
+
+			{
+				"path": "accompanyingCamp/accompanyingCampDetail",
+				"style": {
+					"navigationBarTitleText": "",
+					"enablePullDownRefresh": false,
+					"app-plus": {
+						// 将回弹属性关掉
+						"bounce": "none"
+					}
+				}
+			},
+			{
+				"path": "fragrantLife/fragrantLife",
+				"style": {
+					"navigationBarTitleText": "芳香生活",
+					"enablePullDownRefresh": false,
+					"navigationStyle": "custom",
+					"app-plus": {
+						// 将回弹属性关掉
+						"bounce": "none"
+					}
+				}
+			},
+			{
+				"path": "fragrantLife/fragrantLifeDetail",
+				"style": {
+					"navigationBarTitleText": "文章详情",
+					"enablePullDownRefresh": false,
+					"app-plus": {
+						// 将回弹属性关掉
+						"bounce": "none"
+					}
+				}
+			},
 			{
 				"path": "recharge/index",
 				"style": {

pages/home/index.vue

@@ -62,7 +62,7 @@
             <view style=" margin-top: 14rpx"> 芳香活动</view>
           </view>
 
-          <view class="goods-list-item" @click="jumpPage()">
+          <view class="goods-list-item" @click="jumpPage('shenghuo')">
             <van-image
                 height="136rpx"
                 src="/static/hd5.png"
@@ -72,7 +72,7 @@
             </view>
           </view>
 
-          <view class="goods-list-item" @click="jumpPage()">
+          <view class="goods-list-item" @click="jumpPage('peiban')">
             <van-image
                 height="136rpx"
                 src="/static/hd4.png"
@@ -410,7 +410,14 @@ export default {
         uni.switchTab({
               url: '/pages/activity/activity',
          })
-      } else {
+      }else if (type == "peiban"){
+        uni.navigateTo({url: `/subPages/accompanyingCamp/accompanyingCamp`,})
+      }else if (type == "shenghuo"){
+        uni.navigateTo({url: `/subPages/fragrantLife/fragrantLife`,})
+      }
+
+
+      else {
         Toast('敬请期待');
       }
     },
@@ -440,19 +447,19 @@ export default {
           integral_page = [],
           gifts_page = [],
           shop_name,
-          shop_logo,
+          shop_home_logo,
           shop_share_img,
           shop_bgimg
         } = res.data;
 
         const configs = uni.getStorageSync("configs");
         if (configs) {
-          this.logoImg = configs.shop_logo
+          this.logoImg = configs.shop_home_logo
           this.bgImg = configs.shop_bgimg
           this.shopName = configs.shop_share_title
           this.shopShareImg = configs.shop_share_img
         } else {
-          this.logoImg = shop_logo
+          this.logoImg = shop_home_logo
           this.bgImg = shop_bgimg
           this.shopName = shop_name
           this.shopShareImg = shop_share_img

pages/productCenter/productCenter.vue

@@ -171,7 +171,6 @@
       getGoodCate() {
         let configs = uni.getStorageSync('configs') || {}
         this.bgImg = configs.shop_bgimg
-
         configs.btn_color = configs.btn_color || '#C79C53'
         getGoodCate({mark:"线上商品"}).then(({
                               data = []
@@ -222,8 +221,6 @@
       font-size: 26rpx;
       transition: width 0.3s, height 0.3s, border 0.3s; // 添加过渡效果
     }
-
-
   }
 
 </style>

subPages/accompanyingCamp/accompanyingCamp.vue

@@ -0,0 +1,97 @@
+<template>
+  <view>
+    <view class="shopping-wrapper">
+      <view class="wz-cover " :style="{backgroundImage:`url(${item.cover})`, backgroundSize: 'cover'}" v-for="(item, index) in newsList" :key="index" @click="toDetail(item)">
+            <view class="title mb5 display-flex">
+                  {{item.name}} <view class="ml8"><u-icon name="arrow-right"  color="#333333" size="14"></u-icon></view>
+            </view>
+            <view class="remark">
+                  {{item.remark}}
+            </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import {getNewsList} from "@/common/api/news";
+import {getData} from "@/common/api";
+
+export default {
+  data() {
+    return {
+      cid: 5,
+      newsList:[],
+      page: 1,
+      pageSize: 9999,
+    };
+  }
+  ,onShow() {
+      this.getData()
+  },
+  methods: {
+    getData(){
+      getNewsList(
+      {
+        "cid": this.cid,
+        "page": this.page,
+        "pageSize": this.pageSize
+      }).then(({ data })=>{
+       if ( data.list){
+         this.newsList=data.list
+       }
+      })
+    },
+    toDetail(item){
+      uni.navigateTo({
+        url: "/subPages/accompanyingCamp/accompanyingCampDetail?id=" + item.id,
+      });
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.shopping-wrapper {
+  width: 690rpx;
+  margin: 10rpx auto 0rpx;
+  padding: 0rpx 30rpx 178rpx;
+  .wz-cover{
+    width: calc(100% - 340rpx);
+    height: 144rpx;
+    margin-top: 20rpx;
+    padding-left:330rpx;
+    padding-right:10rpx;
+    display: inline-block;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    border-radius: 15rpx;
+    display: flex; /* 设置为 Flex 容器 */
+    flex-direction: column; /* 垂直排列子元素 */
+    justify-content: center; /* 垂直居中子元素 */
+    text-align: center; /* 文字居中 */
+    .title {
+      font-family: PingFang SC-Bold, PingFang SC;
+      font-weight: 600;
+      font-size: 32rpx;
+      color: #333333;
+      line-height: 40rpx;
+      text-align: left;
+      font-style: normal;
+      text-transform: none;
+    }
+    .remark{
+      font-family: PingFang SC-Medium, PingFang SC;
+      font-weight: 400;
+      font-size: 22rpx;
+      color: #666666;
+      line-height: 32rpx;
+      text-align: left;
+      font-style: normal;
+      text-transform: none;
+      white-space: nowrap; /* 防止文本换行 */
+      overflow: hidden; /* 隐藏溢出的文本 */
+      text-overflow: ellipsis;
+    }
+  }
+}
+</style>

subPages/accompanyingCamp/accompanyingCampDetail.vue

@@ -0,0 +1,175 @@
+<template>
+  <view>
+    <view class="shopping-wrapper">
+      <view class="list-item">
+        <view class="list-item-title">
+          {{ item.name }}
+        </view>
+        <view class="list-item-read mt10 display-flex-between">
+          <view class="display-flex">
+            <image :src="shop_logo" class="list-item-read-img mr8" mode="aspectFit"></image>
+            <view class="list-item-read-text">
+              {{shopName}}
+            </view>
+          </view>
+          <view class="display-flex">
+            <view>
+              <u-icon
+                  size="14"
+                  name="eye"
+              ></u-icon>
+            </view>
+             <view class="list-item-read-text2 ml8">
+               {{ item.num_read }}
+             </view>
+          </view>
+        </view>
+        <u-divider ></u-divider>
+        <view class="list-item-remark ">
+          {{ item.remark }}
+        </view>
+      </view>
+      <view class="list-item mt10">
+        <view class="list-item-content ">
+          <u-parse :content="item.content" :tagStyle="contentStyle"></u-parse>
+        </view>
+      </view>
+
+    </view>
+  </view>
+</template>
+
+<script>
+import {getNewsRead} from "@/common/api/news";
+
+export default {
+  data() {
+    return {
+      item: {},
+      itemId: 0,
+      shopName: '',
+      shop_logo: '',
+      contentStyle:{
+        p: "font-size:24rpx; background-color: #FFFFFF;",
+        span: "font-size: 24rpx; background-color: #FFFFFF;",
+        text:"font-size: 24rpx; background-color: #FFFFFF;"
+      }
+    };
+  },
+  created() {
+    const configs = uni.getStorageSync("configs");
+    if (configs) {
+      console.log(configs)
+
+      this.shopName = configs.shop_name
+      this.shop_logo = configs.shop_logo
+    }
+
+  },
+  onLoad(options) {
+    console.log(options)
+    this.itemId = options.id
+    this.getData(options.id)
+  },
+  onShow() {
+    this.getData(this.itemId)
+  },
+  methods: {
+    setContent: function () {
+      if (this.item.content) {
+        this.item.content = this.item.content.replace(/\/apihttps:/g, 'https:');
+        // 使用正则表达式匹配和修改 img 标签的 style 属性
+        this.item.content = this.item.content.replace(/<img([^>]*)>/gi, (match, attributes) => {
+          // 检查是否已经存在 style 属性
+          if (attributes.includes('style')) {
+            // 如果存在 style 属性，添加 width: 100%;
+            return match.replace(/style="([^"]*)"/i, (styleMatch, styleContent) => {
+              if (!styleContent.includes('width: 100%')) {
+                return `style="${styleContent}; width: 100%;"`;
+              }
+              return styleMatch;
+            });
+          } else {
+            // 如果不存在 style 属性，添加 style="width: 100%;"
+            return match.replace(/<img/i, '<img style="width: 100%;"');
+          }
+        });
+      }
+    }, getData(id) {
+      getNewsRead(
+          {
+            "id": id,
+          }).then(({data}) => {
+        if (data) {
+          this.item = data
+          this.setContent();
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss">
+.shopping-wrapper {
+  width: calc(100% - 40rpx);
+  margin: 20rpx auto 0rpx;
+  padding: 0rpx 20rpx 60rpx;
+
+  .list-item {
+    background: #FFFFFF;
+    border-radius: 16rpx 16rpx 16rpx 16rpx;
+    width: calc(100% - 60rpx);
+    padding:30rpx;
+    &-title {
+      font-family: PingFang SC, PingFang SC;
+      font-weight: 600;
+      font-size: 32rpx;
+      color: #333333;
+      line-height: 40rpx;
+      text-align: left;
+      font-style: normal;
+      text-transform: none;
+    }
+    &-read{
+      &-img{
+        width: 36rpx;
+        height: 36rpx;
+      }
+      &-text{
+        font-family: PingFang SC-Medium, PingFang SC;
+        font-weight: 400;
+        font-size: 24rpx;
+        color: #333333;
+        line-height: 36rpx;
+        text-align: left;
+        font-style: normal;
+        text-transform: none;
+      }
+      &-text2{
+        font-family: PingFang SC-Medium, PingFang SC;
+        font-weight: 400;
+        font-size: 22rpx;
+        color: #666666;
+        line-height: 40rpx;
+        text-align: left;
+        font-style: normal;
+        text-transform: none;
+      }
+    }
+    &-remark{
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #666666;
+      line-height: 40rpx;
+      text-align: justify;
+      font-style: normal;
+      text-transform: none;
+    }
+  }
+  .list-item-content{
+    background-color: #FFFFFF;
+  }
+
+}
+</style>

subPages/courseDetail/courseDetail.vue

@@ -188,9 +188,6 @@ export default {
       getGoodsDetail({goods_code: this.goods_code}).then(({data}) => {
         console.log(data)
         this.courseInfo = data.goods
-        if (this.courseInfo.content) {
-          this.courseInfo.content = this.courseInfo.content.replace(/\/apihttps:/g, 'https:');
-        }
         // 修正 courseInfo.content 中的 src 属性值
         if (this.courseInfo.content) {
           this.courseInfo.content = this.courseInfo.content.replace(/\/apihttps:/g, 'https:');
@@ -209,10 +206,7 @@ export default {
               // 如果不存在 style 属性，添加 style="width: 100%;"
               return match.replace(/<img/i, '<img style="width: 100%;"');
             }
-
-
           });
-
           // 使用正则表达式匹配和修改 p 标签的 style 属性
           this.courseInfo.content = this.courseInfo.content.replace(/<p([^>]*)>/gi, (match, attributes) => {
             // 检查是否已经存在 style 属性

subPages/fragrantLife/fragrantLife.vue

@@ -0,0 +1,206 @@
+<template>
+  <view>
+    <view style="width:100%; height: 316rpx; margin-top: 25rpx; position: relative;">
+      <van-image :src="bgImg" height="316rpx" width="750rpx"></van-image>
+      <view class="class-list" style="position: absolute; top: 124rpx;">
+        <view class="class-list-item" v-for="(item, index) in classList" :key="index"          @click="toggleSelect(index,item)">
+          <view style="height: 98rpx; display: flex; justify-content: center; align-items: center;" >
+            <image :style="[getStyles(index)]" :src="item.logo">
+            </image>
+          </view>
+          <view style="" :style="[getStylesText(index)]" >{{ item.cate_name }}</view>
+        </view>
+      </view>
+    </view>
+    <view class="shopping-wrapper">
+      <view class="list-item display-flex-content-center mt10" v-for="(item, index) in newsList" :key="index" @click="toDetail(item)">
+        <u--image
+            :showLoading="true"
+            :src="item.cover"
+            width="192rpx"
+            height="136rpx"
+            radius="10rpx"
+        ></u--image>
+        <view  class="list-item-content ml10">
+          <view class="list-item-content-title mb10">
+            {{ item.name }}
+          </view>
+          <view class="list-item-content-read display-flex">
+            <view>
+              <u-icon
+                  size="14"
+                  name="clock"
+              ></u-icon>
+            </view>
+            <view class="list-item-content-read-text2 ml8 mr15">
+              {{ formattedCreatedAt(item)}}
+            </view>
+            <view>
+              <u-icon
+                  size="14"
+                  name="eye"
+              ></u-icon>
+            </view>
+            <view class="list-item-content-read-text2 ml8">
+              {{ item.num_read }}
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import {getCatesList, getNewsList} from "@/common/api/news";
+import {getData} from "@/common/api";
+
+export default {
+  data() {
+    return {
+      cid: 0,
+      newsList:[],
+      page: 1,
+      pageSize: 9999,
+      classList: [],
+      selectedIndexes: [],
+      bgImg:""
+    };
+  }
+  ,onShow() {
+      this.getData()
+  },
+  watch: {
+    cid(newVal, oldVal) {
+
+      this.getCatesList()
+    }
+  },
+  methods: {
+    getData(){
+      let configs = uni.getStorageSync('configs') || {}
+      this.bgImg = configs.cs_fxsh_bgimg
+      getCatesList({pid:6}).then(({ data })=>{
+        console.log("data",data)
+        if ( data){
+          this.classList=data
+          this.cid=data[0].id
+          this.toggleSelect(0,data[0])
+        }
+      })
+    },
+    getCatesList(){
+      getNewsList(
+          {
+            "cid":  this.cid,
+            "page": this.page,
+            "pageSize": this.pageSize
+          }).then(({ data })=>{
+        if ( data.list){
+          this.newsList=data.list
+        }
+      })
+    },
+    formattedCreatedAt(item) {
+      const date = new Date(item.created_at);
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate();
+      return `${month}月${day}日`;
+    },
+    getStyles(index) {
+      if (this.selectedIndexes.includes(index)) {
+        return {width: '96rpx', height: '96rpx',borderRadius: '96rpx' ,border: '1rpx solid #C79C53'}
+      }
+      return {width: '88rpx', height: '88rpx',borderRadius: '88rpx'}
+    },
+    getStylesText(index) {
+      if (this.selectedIndexes.includes(index)) {
+        return {color: '#333333',marginTop: "14rpx",fontWeight: 'bold'}
+      }
+      return {color: '#666666',marginTop: "14rpx"}
+    },
+    toggleSelect(index,item) {
+      const indexInSelected = this.selectedIndexes.indexOf(index);
+      if (indexInSelected !== -1) {
+        // this.selectedIndexes.splice(indexInSelected, 1); // 取消选中
+        // this.cid="0";
+      } else {
+        this.selectedIndexes=[]
+        this.selectedIndexes.push(index); // 选中
+        this.cid=item.id;
+      }
+    },
+    toDetail(item){
+      uni.navigateTo({
+        url: "/subPages/fragrantLife/fragrantLifeDetail?id=" + item.id,
+      });
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.class-list {
+  display: flex;
+  width: 94%;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  background-color: transparent;
+  padding: 0 20rpx 0 20rpx;
+  &-item {
+    height: 138rpx;
+    width: 20%;
+    flex-shrink: 0;
+    text-align: center;
+    margin-bottom: 30rpx;
+    color: #1d161f;
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 400;
+    font-size: 26rpx;
+    transition: width 0.3s, height 0.3s, border 0.3s; // 添加过渡效果
+  }
+}
+.shopping-wrapper {
+  width: 690rpx;
+  margin: 20rpx auto 0rpx;
+  padding: 0rpx 20rpx 178rpx;
+  .list-item {
+    background: #FFFFFF;
+    border-radius: 16rpx 16rpx 16rpx 16rpx;
+    width: calc(100% - 40rpx);
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
+    padding:20rpx;
+    &-content{
+      width: calc(100% - 210rpx);
+      &-title {
+        width: 100%;
+        font-family: PingFang SC, PingFang SC;
+        font-weight: 600;
+        font-size: 28rpx;
+        color: #333333;
+        line-height: 40rpx;
+        text-align: left;
+        font-style: normal;
+        text-transform: none;
+        white-space: nowrap; /* 防止文本换行 */
+        overflow: hidden; /* 隐藏溢出的文本 */
+        text-overflow: ellipsis;
+      }
+      &-read{
+        &-text2{
+          font-family: PingFang SC-Medium, PingFang SC;
+          font-weight: 400;
+          font-size: 24rpx;
+          color: #666666;
+          line-height: 32rpx;
+          text-align: left;
+          font-style: normal;
+          text-transform: none;
+        }
+      }
+    }
+
+  }
+
+}
+</style>

subPages/fragrantLife/fragrantLifeDetail.vue

@@ -0,0 +1,193 @@
+<template>
+  <view>
+    <u--image
+        :showLoading="true"
+        :src="item.cover"
+        width="100%"
+        height="360rpx"
+    ></u--image>
+    <view class="shopping-wrapper">
+      <view class="list-item">
+        <view class="list-item-title">
+          {{ item.name }}
+        </view>
+        <view class="list-item-read mt10 display-flex-between">
+          <view class="display-flex">
+            <image :src="shop_logo" class="list-item-read-img mr8" mode="aspectFit"></image>
+            <view class="list-item-read-text mr10">
+              {{shopName}}
+            </view>
+            <view class="list-item-read-text">
+              {{ formattedCreatedAt()}}
+            </view>
+          </view>
+          <view class="display-flex">
+            <view>
+              <u-icon
+                  size="14"
+                  name="eye"
+              ></u-icon>
+            </view>
+             <view class="list-item-read-text2 ml8">
+               {{ item.num_read }}
+             </view>
+          </view>
+        </view>
+        <u-divider ></u-divider>
+        <view class="list-item-remark ">
+          {{ item.remark }}
+        </view>
+      </view>
+      <view class="list-item mt10">
+        <view class="list-item-content ">
+          <u-parse :content="item.content" :tagStyle="contentStyle"></u-parse>
+        </view>
+      </view>
+
+    </view>
+  </view>
+</template>
+
+<script>
+import {getNewsRead} from "@/common/api/news";
+
+export default {
+  data() {
+    return {
+      item: {},
+      itemId: 0,
+      shopName: '',
+      shop_logo: '',
+      contentStyle:{
+        p: "font-size:24rpx; background-color: #FFFFFF;",
+        span: "font-size: 24rpx; background-color: #FFFFFF;",
+        text:"font-size: 24rpx; background-color: #FFFFFF;"
+      }
+    };
+  },
+  created() {
+    const configs = uni.getStorageSync("configs");
+    if (configs) {
+      console.log(configs)
+
+      this.shopName = configs.shop_name
+      this.shop_logo = configs.shop_logo
+    }
+
+  },
+  onLoad(options) {
+    console.log(options)
+    this.itemId = options.id
+    this.getData(options.id)
+  },
+  onShow() {
+    this.getData(this.itemId)
+  },
+  methods: {
+    setContent: function () {
+      if (this.item.content) {
+        this.item.content = this.item.content.replace(/\/apihttps:/g, 'https:');
+        // 使用正则表达式匹配和修改 img 标签的 style 属性
+        this.item.content = this.item.content.replace(/<img([^>]*)>/gi, (match, attributes) => {
+          // 检查是否已经存在 style 属性
+          if (attributes.includes('style')) {
+            // 如果存在 style 属性，添加 width: 100%;
+            return match.replace(/style="([^"]*)"/i, (styleMatch, styleContent) => {
+              if (!styleContent.includes('width: 100%')) {
+                return `style="${styleContent}; width: 100%;"`;
+              }
+              return styleMatch;
+            });
+          } else {
+            // 如果不存在 style 属性，添加 style="width: 100%;"
+            return match.replace(/<img/i, '<img style="width: 100%;"');
+          }
+        });
+      }
+    },
+    formattedCreatedAt() {
+      const date = new Date(this.item.created_at);
+      const year = date.getFullYear();; // 月份从0开始，需要加1
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate();
+      return `${year}.${month}.${day}`;
+    },
+
+    getData(id) {
+      getNewsRead(
+          {
+            "id": id,
+          }).then(({data}) => {
+        if (data) {
+          this.item = data
+          this.setContent();
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss">
+.shopping-wrapper {
+  width: calc(100% - 40rpx);
+  margin: 20rpx auto 0rpx;
+  padding: 0rpx 20rpx 60rpx;
+
+  .list-item {
+    background: #FFFFFF;
+    border-radius: 16rpx 16rpx 16rpx 16rpx;
+    width: calc(100% - 60rpx);
+    padding:30rpx;
+    &-title {
+      font-family: PingFang SC, PingFang SC;
+      font-weight: 600;
+      font-size: 32rpx;
+      color: #333333;
+      line-height: 40rpx;
+      text-align: left;
+      font-style: normal;
+      text-transform: none;
+    }
+    &-read{
+      &-img{
+        width: 36rpx;
+        height: 36rpx;
+      }
+      &-text{
+        font-family: PingFang SC-Medium, PingFang SC;
+        font-weight: 400;
+        font-size: 24rpx;
+        color: #333333;
+        line-height: 36rpx;
+        text-align: left;
+        font-style: normal;
+        text-transform: none;
+      }
+      &-text2{
+        font-family: PingFang SC-Medium, PingFang SC;
+        font-weight: 400;
+        font-size: 22rpx;
+        color: #666666;
+        line-height: 40rpx;
+        text-align: left;
+        font-style: normal;
+        text-transform: none;
+      }
+    }
+    &-remark{
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #666666;
+      line-height: 40rpx;
+      text-align: justify;
+      font-style: normal;
+      text-transform: none;
+    }
+  }
+  .list-item-content{
+    background-color: #FFFFFF;
+  }
+
+}
+</style>

subPages/goodsDetail/goodsDetail.vue

@@ -217,7 +217,7 @@
     <u-popup :show="show" mode="bottom" :safeAreaInsetTop="true" round="10" closeable @close="close" @open="open">
       <view class="suit-content">
         <view class="display-flex-center mr20 mb30 ">
-          <u--image :src="detailData.cover" width="176rpx" height="176rpx" mode="widthFix"></u--image>
+          <u--image :src="detailData.cover" width="176rpx" height="176rpx" ></u--image>
           <view class="ml15">
             <view v-if="pageOptions.type == 'msGoods'">
               <text class="fs12 color-556 fw400">￥</text>