修改游玩攻略详情页面

common/css/font-icon.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4241853 */
-  src: url('//at.alicdn.com/t/c/font_4241853_oq7b2fa08a.woff2?t=1694413236701') format('woff2'),
-       url('//at.alicdn.com/t/c/font_4241853_oq7b2fa08a.woff?t=1694413236701') format('woff'),
-       url('//at.alicdn.com/t/c/font_4241853_oq7b2fa08a.ttf?t=1694413236701') format('truetype');
+  src: url('//at.alicdn.com/t/c/font_4241853_4dqwiv9sdn3.woff2?t=1694418817815') format('woff2'),
+       url('//at.alicdn.com/t/c/font_4241853_4dqwiv9sdn3.woff?t=1694418817815') format('woff'),
+       url('//at.alicdn.com/t/c/font_4241853_4dqwiv9sdn3.ttf?t=1694418817815') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-pinglun:before {
+  content: "\e8b4";
+}
+
 .icon-shoucang:before {
   content: "\e86d";
 }

pagesHome/article/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="main">
 		<view class="info">
-			<scroll-view scroll-y="true" class="scroll-view">
+			<scroll-view scroll-y="true" :scroll-top="scrollTop" class="scroll-view">
 				<view class="list-scroll-view">
 					<view class="one">
 						<swiperImg :imgsList='info.file'></swiperImg>
@@ -19,7 +19,7 @@
 						<scroll-view scroll-y="true" class="scroll-view" @scrolltolower="toPage" @scroll="toScroll">
 							<view class="list-scroll-view">
 								<view class="thr_2">
-									<view class="list" v-for="(item,index) in list" :key="index" @tap="toBuy(item)">
+									<view class="list" v-for="(item,index) in list" :key="index">
 										<image class="image"
 											:src="item.user_file&&item.user_file.length>0?item.user_file[0].url:'../../static/my.png'"
 											mode="aspectFill">
@@ -49,6 +49,8 @@
 				<view class="right">
 					<view class="right_1"><text class="iconfont icon-aixin"></text>{{like}}</view>
 					<view class="right_1"><text class="iconfont icon-shoucang1"></text>{{collect}}</view>
+					<view class="right_1" @click="pageScroll"><text class="iconfont icon-pinglun"></text>{{total}}
+					</view>
 				</view>
 			</view>
 		</view>
@@ -132,6 +134,9 @@
 						res.data.content = res.data.content.replace(/\<img/gi, '<img class="rich-img"');
 						res.data.zhType = that.searchDict(res.data.type, 'type')
 						that.$set(that, `info`, res.data)
+						uni.setNavigationBarTitle({
+							title: res.data.contact_name
+						});
 					} else {
 						uni.showToast({
 							title: res.errmsg,
@@ -175,6 +180,17 @@
 					else return '暂无'
 				}
 			},
+			// 滑动到评论专区
+			pageScroll() {
+				this.$set(this, `scrollTop`, 0);
+				this.$nextTick(() => {
+					setTimeout(() => {
+						uni.createSelectorQuery().in(this).select(`.thr`).boundingClientRect(res => {
+							this.$set(this, `scrollTop`, res.top);
+						}).exec();
+					}, 100);
+				});
+			},
 			// 发送
 			async toSend(item) {
 				console.log(item);
@@ -262,7 +278,7 @@
 				}
 
 				.two_4 {
-					padding: 2vw;
+					padding: 3vw 0;
 					font-size: var(--font12Size);
 					color: var(--f99Color);
 					border-bottom: 1px solid var(--f9Color);
@@ -296,10 +312,9 @@
 				}
 
 				.right {
-					width: 40%;
+					width: 45%;
 					display: flex;
 					justify-content: space-around;
-					padding: 2vw;
 
 					.right_1 {
 						display: flex;

unpackage/dist/dev/mp-weixin/common/main.wxss

@@ -5,9 +5,9 @@
 /* 水平间距 */
 @font-face {
   font-family: "iconfont"; /* Project id 4241853 */
-  src: url('//at.alicdn.com/t/c/font_4241853_oq7b2fa08a.woff2?t=1694413236701') format('woff2'),
-       url('//at.alicdn.com/t/c/font_4241853_oq7b2fa08a.woff?t=1694413236701') format('woff'),
-       url('//at.alicdn.com/t/c/font_4241853_oq7b2fa08a.ttf?t=1694413236701') format('truetype');
+  src: url('//at.alicdn.com/t/c/font_4241853_4dqwiv9sdn3.woff2?t=1694418817815') format('woff2'),
+       url('//at.alicdn.com/t/c/font_4241853_4dqwiv9sdn3.woff?t=1694418817815') format('woff'),
+       url('//at.alicdn.com/t/c/font_4241853_4dqwiv9sdn3.ttf?t=1694418817815') format('truetype');
 }
 .iconfont {
   font-family: "iconfont" !important;
@@ -16,6 +16,9 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+.icon-pinglun:before {
+  content: "\e8b4";
+}
 .icon-shoucang:before {
   content: "\e86d";
 }

unpackage/dist/dev/mp-weixin/pagesHome/article/index.js

@@ -298,6 +298,9 @@ var _default = {
                   res.data.content = res.data.content.replace(/\<img/gi, '<img class="rich-img"');
                   res.data.zhType = that.searchDict(res.data.type, 'type');
                   that.$set(that, "info", res.data);
+                  uni.setNavigationBarTitle({
+                    title: res.data.contact_name
+                  });
                 } else {
                   uni.showToast({
                     title: res.errmsg
@@ -362,6 +365,18 @@ var _default = {
         if (data) return data.label;else return '暂无';
       }
     },
+    // 滑动到评论专区
+    pageScroll: function pageScroll() {
+      var _this3 = this;
+      this.$set(this, "scrollTop", 0);
+      this.$nextTick(function () {
+        setTimeout(function () {
+          uni.createSelectorQuery().in(_this3).select(".thr").boundingClientRect(function (res) {
+            _this3.$set(_this3, "scrollTop", res.top);
+          }).exec();
+        }, 100);
+      });
+    },
     // 发送
     toSend: function toSend(item) {
       return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
@@ -414,14 +429,14 @@ var _default = {
     },
     // 查询其他信息
     searchOther: function searchOther() {
-      var _this3 = this;
+      var _this4 = this;
       return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
         var that, res;
         return _regenerator.default.wrap(function _callee5$(_context5) {
           while (1) {
             switch (_context5.prev = _context5.next) {
               case 0:
-                that = _this3;
+                that = _this4;
                 _context5.next = 3;
                 return that.$api("/dictData", 'GET', {
                   type: 'home_tabs',

unpackage/dist/dev/mp-weixin/pagesHome/article/index.wxss

@@ -29,7 +29,7 @@
   display: block;
 }
 .main .info .two .two_4 {
-  padding: 2vw;
+  padding: 3vw 0;
   font-size: var(--font12Size);
   color: var(--f99Color);
   border-bottom: 1px solid var(--f9Color);
@@ -53,10 +53,9 @@
   border-radius: 45px;
 }
 .main .foot .foot_1 .right {
-  width: 40%;
+  width: 45%;
   display: flex;
   justify-content: space-around;
-  padding: 2vw;
 }
 .main .foot .foot_1 .right .right_1 {
   display: flex;