bug修复

app.json

@@ -162,10 +162,10 @@
         "selectedIconPath": "assets/images/tabbar/tab33.png"
       },
       {
-        "pagePath": "pages/quality/index/index",
+        "pagePath": "pages/dashen/index",
         "text": "青雲问鼎",
-        "iconPath": "assets/images/tabbar/tab6.png",
-        "selectedIconPath": "assets/images/tabbar/tab66.png"
+        "iconPath": "assets/images/tabbar/tab4.png",
+        "selectedIconPath": "assets/images/tabbar/tab44.png"
       },
       {
         "pagePath": "pages/my/index/index",

components/popup2/popup.wxml

@@ -6,7 +6,7 @@
 		<view class="wx-popup-title">{{title}}</view>
 		<view class="wx-popup-conone">
 		  <slot name="content">
-					<view wx:for="{{content}}">{{item}}</view>
+					<view wx:for="{{content}}" wx:key="index">{{item}}</view>
 				</slot>
 		</view>
 		<view wx:if="{{!self}}" class="{{ btn2 ? 'wx-popup-btn' : 'wx-popup-center-btn'}}">   

pages/dashen/index.wxml

@@ -1,9 +1,8 @@
 <view class="main">
   <!-- <image class="swiper-item" src="{{appAssetsUrl2}}wjxy/expertbg.png"></image> -->
-  <view style="height:{{statusBarHeight}}">
-  </view>
+  <view style="height:{{statusBarHeight}}"></view>
   <view class="top-act" style="height:{{statusBarHeight}};top:{{staHeight}};">
-  	<view class="act-title">大神帮</view> 
+    <view class="act-title">青雲问鼎</view>
   </view>
   <view class="sticky-box" style="position: fixed;top: 0;z-index: 100;top:{{statusBarHeight}};">
     <view class="namewrap">
@@ -13,16 +12,15 @@
           <view style="display: {{nameIndex == index?'block':'none'}};" class="item-line"></view>
         </view>
       </scroll-view>
-
     </view>
   </view>
   <view class="content" style="margin-top:48px;">
     <scroll-view scroll-y>
       <view class='hang-item' wx:if="{{listData.length>0}}" data-id="{{item.id}}" wx:for="{{listData}}" wx:key="{{item.id}}" bindtap="toPartDetail">
+        <image src="{{item.expertPhoto}}" mode="aspectFill" class='per-img'></image>
         <view class="info-box">
-          <image src="{{item.expertPhoto}}" mode="aspectFill" class='per-img'></image>
           <view class="right-box">
-            <view>
+            <view class="hang-item-title">
               <view class="hang-item-name">{{item.name}}</view>
               <view class="hang-item-zhi">{{item.jobTitle}}</view>
             </view>
@@ -31,20 +29,26 @@
               <view class="address-word">{{item.provinceStr}}·{{item.cityStr}}</view>
             </view>
           </view>
-        </view>
-		<!-- item2 -->
-        <view class="label" wx:if="{{item.topicList.length > 0}}" wx:for="{{item.topicList}}" wx:for-item="item2" wx:key="{{index}}">
-          <text class="jing">#</text> <span class="jcon">{{item2}}</span>
-        </view>
-        <view class="hang-item-type-box">
-          <view class="item" wx:if="{{item.goodLabelsStr.length > 0}}" wx:for="{{item.goodLabelsStr}}" wx:for-item="item3" wx:key="{{index}}">{{item3}}</view>
-        </view>
-        <view class="jiao-box">
-          <view class="num-box">请教：<text class="pers">{{item.consultNumber}}</text>人</view>
-          <view class="price" wx:if="{{item.topicPrice}}">
-            <text class="p1">￥</text>
-            <text class="p2">{{item.topicPrice}}</text>
-            <text class="p1">{{'元'}}</text>
+          <view class="label" wx:if="{{item.topicList.length > 0}}" wx:for="{{item.topicList}}" wx:for-item="item2" wx:key="{{index}}">
+            <text class="jing">#</text>
+            <span class="jcon">{{item2}}</span>
+          </view>
+          <view class="hang-item-type-box">
+            <view class="item" wx:if="{{item.goodLabelsStr.length > 0}}" wx:for="{{item.goodLabelsStr}}" wx:for-item="item3" wx:key="{{index}}">
+              {{item3}}
+            </view>
+          </view>
+          <view class="jiao-box">
+            <view class="num-box">
+              <text class="text1">请教：</text>
+              <text class="pers">{{item.consultNumber}}</text>
+              <text class="text2">人</text>
+            </view>
+            <view class="price" wx:if="{{item.topicPrice}}">
+              <text class="p1">￥</text>
+              <text class="p2">{{item.topicPrice}}</text>
+              <!--  <text class="p1">{{'元'}}</text> -->
+            </view>
           </view>
         </view>
       </view>
@@ -55,5 +59,4 @@
       </block>
     </scroll-view>
   </view>
-
 </view>

pages/dashen/index.wxss

@@ -1,241 +1,278 @@
 page {
-	background-color: white;
+  background-color: white;
 }
+
+.main {
+  min-height: calc(100vh - 2rpx);
+  display: flex;
+  flex-direction: column;
+}
+
 .swiper-item {
-	height: 347rpx;
-	width: 100%;
-	background: #f6f6f6;
+  height: 347rpx;
+  width: 100%;
+  background: #f6f6f6;
 }
 .sticky-box {
-	border-bottom:1px solid #e6e6e6;
-	height: 48px;
-	padding: 0 32rpx;
-	background-color: white;
-	width: 750rpx;
-	box-sizing: border-box;
+  /* border-bottom:1px solid #e6e6e6; */
+  height: 48px;
+  padding: 0 32rpx;
+  background-color: white;
+  width: 750rpx;
+  box-sizing: border-box;
 }
 .content {
-	padding: 20rpx 32rpx 30rpx 32rpx;
+  flex: 1;
+  background: #f7f8fa;
+  padding: 40rpx 30rpx;
+  border-radius: 40rpx 40rpx 0 0;
 }
 .top-act {
-	position: fixed;
-	width: 750rpx;
-	z-index: 99999;
-	background-color: white;
-	top: 0;
-	display: flex;
-	align-items: flex-end;
-	box-sizing: border-box;
-	padding-left: 30rpx;
-	justify-content: space-between;
-	padding-bottom: 10px;
+  position: fixed;
+  width: 750rpx;
+  z-index: 99999;
+  background-color: white;
+  top: 0;
+  display: flex;
+  align-items: flex-end;
+  box-sizing: border-box;
+  /* padding-left: 30rpx; */
+  justify-content: space-between;
+  padding-bottom: 10px;
 }
 .act-title {
-	font-size: 36rpx;
-	font-family: PingFang SC, PingFang SC-Bold;
-	font-weight: 700;
+  width: 750rpx;
+  font-size: 36rpx;
+  font-family: PingFang SC, PingFang SC-Bold;
+  font-weight: 700;
+  text-align: center;
 }
 /* 列表 */
 .namewrap {
-	position: relative;
-	/* padding-top: 20rpx; */
+  position: relative;
+  /* padding-top: 20rpx; */
 }
 
 .namewrap .nameitem {
-	display: inline-block;
-	font-size: 32rpx;
-	font-weight: 600;
-	text-align: left;
-	color: #666666;
-	margin-right: 44rpx;
-	position: relative;
-	height: 48px;
-	/* line-height: 103rpx; */
-	font-family: PingFang SC, PingFang SC-Regular;
-	font-weight: 400;
-	padding-top: 15rpx;
-	box-sizing: border-box;
+  display: inline-block;
+  font-size: 32rpx;
+  font-weight: 600;
+  text-align: left;
+  color: #666666;
+  margin-right: 44rpx;
+  position: relative;
+  height: 48px;
+  /* line-height: 103rpx; */
+  font-family: PingFang SC, PingFang SC-Regular;
+  font-weight: 400;
+  padding-top: 15rpx;
+  box-sizing: border-box;
 }
 .item-line {
-	position: absolute;
-	bottom: 0;
-	width: 80%;
-	height: 4rpx;
-	background: #ffdd36;
-	border-radius: 2rpx;
-	left: 50%;
-	transform: translateX(-50%);
+  position: absolute;
+  bottom: 0;
+  width: 80%;
+  height: 4rpx;
+  background: #2b58a5;
+  border-radius: 2rpx;
+  left: 50%;
+  transform: translateX(-50%);
 }
 .namewrap .nameactive {
-	font-size: 34rpx;
-	font-weight: 700;
-	text-align: left;
-	color: #1a1a1a;
-	font-family: PingFang SC, PingFang SC-Bold;
+  font-size: 34rpx;
+  font-weight: 700;
+  text-align: left;
+  color: #2b58a5;
+  font-family: PingFang SC, PingFang SC-Bold;
 }
 
 .item-box {
-	/* width: calc(100% - 113rpx); */
-	width: 100%;
-	white-space: nowrap;
-	overflow-x: auto;
+  /* width: calc(100% - 113rpx); */
+  width: 100%;
+  white-space: nowrap;
+  overflow-x: auto;
 }
 
 .namewrap .filter {
-	position: absolute;
-	top: 20rpx;
-	right: 0;
-	z-index: 10;
-	height: 49rpx;
-	width: 103rpx;
-	text-align: center;
-	line-height: 49rpx;
-	background: #ffffff;
-	border-radius: 10rpx;
-	color: #666666;
+  position: absolute;
+  top: 20rpx;
+  right: 0;
+  z-index: 10;
+  height: 49rpx;
+  width: 103rpx;
+  text-align: center;
+  line-height: 49rpx;
+  background: #ffffff;
+  border-radius: 10rpx;
+  color: #666666;
 }
 
 .namewrap .filter .triangle {
-	background: white;
-	border-top: 10rpx solid white;
-	border-right: 5px solid #666666;
-	height: 0;
-	float: right;
-	margin-right: 10rpx;
-	margin-top: 30rpx;
-	display: flex;
-	justify-content: center;
-	align-items: flex-end;
-	width: 5rpx;
-	border-radius: 0 5rpx 0rpx 0rpx;
+  background: white;
+  border-top: 10rpx solid white;
+  border-right: 5px solid #666666;
+  height: 0;
+  float: right;
+  margin-right: 10rpx;
+  margin-top: 30rpx;
+  display: flex;
+  justify-content: center;
+  align-items: flex-end;
+  width: 5rpx;
+  border-radius: 0 5rpx 0rpx 0rpx;
 }
 
 .categoryitem {
-	padding: 22rpx 0 12rpx 0;
-	box-sizing: border-box;
-	background: white;
-	/* margin-bottom: 15rpx; */
-	border-radius: 10rpx;
-	border-bottom: 1px solid #e6e6e6;
+  padding: 22rpx 0 12rpx 0;
+  box-sizing: border-box;
+  background: white;
+  /* margin-bottom: 15rpx; */
+  border-radius: 10rpx;
+  border-bottom: 1px solid #e6e6e6;
 }
 
 .hang-item {
-	padding-bottom: 21rpx;
-	border-bottom: 1px solid #E6E6E6;
+  display: flex;
+  background: #ffffff;
+  padding: 32rpx 22rpx;
+  margin-bottom: 20rpx;
+  border-radius: 20rpx;
 }
 .hang-item:last-child {
-	border-bottom: none;
+  border-bottom: none;
 }
 .hang-item .info-box {
-	display: flex;
-	/* justify-content: space-between; */
-	margin-top: 23rpx;
-}
-.hang-item .info-box .per-img{
-	width: 140rpx;
-	height: 140rpx;
-	border-radius: 50%;
-	flex-shrink: 0;
-}
-.hang-item .info-box .right-box{
-	display: flex;
-	margin-left: 65rpx;
-	justify-content: space-between;
-  /* width: 425rpx; */
   flex: 1;
+  margin-left: 10rpx;
+}
+
+.hang-item .per-img {
+  width: 200rpx;
+  height: 215rpx;
+  background: rgba(0, 0, 0, 0);
+  border-radius: 30rpx;
+  flex-shrink: 0;
+}
+.hang-item .right-box {
+  display: flex;
+  /* margin-left: 65rpx; */
+  justify-content: space-between;
+  /* width: 425rpx; */
+  /* flex: 1; */
+  flex-wrap: wrap;
+}
+.hang-item-title {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  margin-bottom: 10rpx;
+  margin-right: 10rpx;
 }
 .hang-item-name {
-	font-size: 28rpx;
-	font-family: 'FZCuYuan-M03';
-	font-weight: 400;
-	color: #1a1a1a;
-	margin-top: 25rpx;
+  font-size: 34rpx;
+  font-family: PingFang SC, PingFang SC-Bold;
+  font-weight: 700;
+  text-align: left;
+  color: #1a1a1a;
 }
 .jing {
-	color:#999999;
-	font-family: 'FZCuYuan-M03';
-	font-weight: 400;
+  color: #999999;
+  font-family: "FZCuYuan-M03";
+  font-weight: 400;
 }
 .jcon {
-	letter-spacing: 3rpx;
-	margin-left: 8rpx;
+  letter-spacing: 3rpx;
+  margin-left: 8rpx;
 }
 .hang-item-zhi {
-	font-size: 24rpx;
-	font-family: 'FZZhunYuan-M02S';
-	font-weight: 400;
-	color: #808080;
-	margin-top: 16rpx;
+  font-size: 24rpx;
+  font-family: "FZZhunYuan-M02S";
+  font-weight: 700;
+  color: #543022;
+  min-width: 131rpx;
+  height: 46rpx;
+  line-height: 46rpx;
+  text-align: center;
+  padding: 0 10rpx;
+  background: #f1d7b2;
+  border-radius: 23rpx;
+  margin-left: 8rpx;
 }
 .hang-item-address {
-	display: flex;
-	padding-top: 25rpx;
-	width: 210rpx;
-	flex-shrink: 0;
-	justify-content: flex-end;
+  display: flex;
+  /* width: 210rpx; */
+  flex-shrink: 0;
+  justify-content: flex-end;
 }
 .hang-item-address .address-word {
-	font-size: 24rpx;
-	font-family: FZZhunYuan-M02S;
-	font-weight: 400;
-	color: #666666;
+  font-size: 24rpx;
+  font-family: FZZhunYuan-M02S;
+  font-weight: 400;
+  color: #8285a4;
 }
 .hang-item .label {
-	font-size: 24rpx;
-	font-family: FZZhunYuan-M02S;
-	font-weight: 400;
-	color: #333333;
-	margin-top: 13rpx;
+  font-size: 24rpx;
+  font-family: FZZhunYuan-M02S;
+  font-weight: 400;
+  color: #808080;
+  margin-top: 13rpx;
 }
 .hang-item-type-box {
-	display: flex;
-	flex-wrap: wrap;
+  display: flex;
+  flex-wrap: wrap;
 }
 .hang-item-type-box .item {
-	padding: 0 16rpx;
-	height: 40rpx;
-	line-height: 40rpx;
-	opacity: 0.67;
-	background: #f5f5f5;
-	border-radius: 10rpx 0px 10rpx 0px;
-	margin-right: 15rpx;
-	font-size: 24rpx;
-	font-family: FZZhunYuan-M02S;
-	font-weight: 400;
-	color: #333333;
-	margin-top: 10rpx;
+  padding: 0 16rpx;
+  height: 40rpx;
+  line-height: 40rpx;
+  opacity: 0.67;
+  background: #f0f1f5;
+  border-radius: 10rpx 0px 10rpx 0px;
+  margin-right: 15rpx;
+  font-size: 24rpx;
+  font-family: FZZhunYuan-M02S;
+  font-weight: 400;
+  color: #5f5e66;
+  margin-top: 10rpx;
 }
 .jiao-box {
-	display: flex;
-	justify-content: space-between;
-	margin-top: 12rpx;
-	align-items: baseline;
-}
-.jiao-box .num-box{
-	font-size: 24rpx;
-	font-family: FZZhunYuan-M02S;
-	font-weight: 400;
-	color: #666666;
-	/* line-height: 50rpx; */
-	    display: flex;
-	    flex-direction: row;
-	    margin-top: 15rpx;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 12rpx;
+  align-items: baseline;
+}
+.jiao-box .num-box {
+  font-size: 24rpx;
+  font-family: FZZhunYuan-M02S;
+  font-weight: 400;
+  color: #666666;
+  /* line-height: 50rpx; */
+  display: flex;
+  flex-direction: row;
+  margin-top: 15rpx;
 }
 .pers {
-	color: #FF9209;
+  color: #ff9209;
+}
+.text1 {
+  color: #808080;
+}
+.text2 {
+  color: #333333;
 }
-
 .catetop {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+.p2 {
+  font-size: 38rpx;
+  font-family: PingFang SC, PingFang SC-Bold;
+  font-weight: 700;
+  text-align: left;
+  color: #ff0000;
+}
+.nodata-img {
+  margin: 130rpx auto;
 }
-
-
-
-
-
-.nodata-img{
-	margin: 130rpx auto;
-}

pages/home/index/index.js

@@ -38,39 +38,39 @@ Page({
     statusBarHeight: 0,
     nameIndex: 0,
     nameList: [{
-        name: "推荐兼职",
-      },
-      {
-        name: "最新兼职",
-      },
-      {
-        name: "最热兼职",
-      },
+      name: "推荐兼职",
+    },
+    {
+      name: "最新兼职",
+    },
+    {
+      name: "最热兼职",
+    },
     ],
     classList: [{
-        // image: app.appAssetsUrl2 + "wjxy/homejianzhi.png",
-        image: app.appAssetsUrl2 + "new/job-icon.png",
-        name: "同城实践",
-      },
-      {
-        // image: app.appAssetsUrl2 + "wjxy/homeactive.png",
-        image: app.appAssetsUrl2 + "new/activity-icon.png",
-        name: "活动体验",
-      },
-      // {
-      //   image: app.appAssetsUrl2 + "wjxy/homeshen.png",
-      //   name: "大神约见",
-      // },
-      {
-        // image: app.appAssetsUrl2 + "wjxy/homevip.png",
-        image: app.appAssetsUrl2 + "new/goods-icon.png",
-        name: "市集优选",
-      },
-      // {
-      //   // image: app.appAssetsUrl2 + "wjxy/homevip.png",
-      //   image: app.appAssetsUrl2 + "new/member-icon.png",
-      //   name: "我的会员",
-      // },
+      // image: app.appAssetsUrl2 + "wjxy/homejianzhi.png",
+      image: app.appAssetsUrl2 + "new/job-icon.png",
+      name: "勤工俭学",
+    },
+    {
+      // image: app.appAssetsUrl2 + "wjxy/homeactive.png",
+      image: app.appAssetsUrl2 + "new/activity-icon.png",
+      name: "热门活动",
+    },
+    {
+      image: app.appAssetsUrl2 + "wjxy/homeshen.png",
+      name: "青雲问鼎",
+    },
+    // {
+    //   // image: app.appAssetsUrl2 + "wjxy/homevip.png",
+    //   image: app.appAssetsUrl2 + "new/goods-icon.png",
+    //   name: "市集优选",
+    // },
+    {
+      // image: app.appAssetsUrl2 + "wjxy/homevip.png",
+      image: app.appAssetsUrl2 + "new/member-icon.png",
+      name: "联名福利",
+    },
       // {
       //   image: app.appAssetsUrl2 + "wjxy/homecode.png",
       //   name: "邀请码",
@@ -132,8 +132,8 @@ Page({
           break;
         case 2:
           wx.switchTab({
-            // url: "/pages/dashen/index",
-            url: "/pages/quality/index/index",
+            url: "/pages/dashen/index",
+            // url: "/pages/quality/index/index",
           });
           break;
         case 3:
@@ -155,11 +155,11 @@ Page({
     app._post_form(
       "act/list",
       "", {
-        city: nowCity.cityId,
-        limit: 10,
-        page: 1,
-        isFrontPage: 1,
-      },
+      city: nowCity.cityId,
+      limit: 10,
+      page: 1,
+      isFrontPage: 1,
+    },
       function (res) {
         if (res.code == 0) {
           res.page.list.map((v) => {
@@ -171,7 +171,7 @@ Page({
           });
         }
       },
-      function (res) {}
+      function (res) { }
     );
   },
   // 最新兼职
@@ -181,11 +181,11 @@ Page({
     app._post_form(
       "home/label",
       "", {
-        city: nowCity.cityId,
-        pageNum: 1,
-        isHome: 1,
-        pageSize: 4,
-      },
+      city: nowCity.cityId,
+      pageNum: 1,
+      isHome: 1,
+      pageSize: 4,
+    },
       function (res) {
         if (res.code == 0) {
           that.setData({
@@ -193,7 +193,7 @@ Page({
           });
         }
       },
-      function (res) {}
+      function (res) { }
     );
   },
   // 校园代理人
@@ -201,9 +201,9 @@ Page({
     let that = this;
     app._get(
       `campusagent/page`, {
-        page: 1,
-        limit: 10,
-      },
+      page: 1,
+      limit: 10,
+    },
       (res) => {
         if (res.code === 0) {
           that.setData({
@@ -219,10 +219,10 @@ Page({
     let nowCity = wx.getStorageSync("CHOOSECITY");
     app._get(
       "expert/greatGodGangPage", {
-        page: 1,
-        limit: 10,
-        city: nowCity.cityId,
-      },
+      page: 1,
+      limit: 10,
+      city: nowCity.cityId,
+    },
       function (res) {
         if (res.code == 0) {
           that.setData({
@@ -238,9 +238,9 @@ Page({
     let nowCity = wx.getStorageSync("CHOOSECITY");
     app._get(
       "store/storeRecommendation", {
-        lon: that.data.longitude,
-        lat: that.data.latitude,
-      },
+      lon: that.data.longitude,
+      lat: that.data.latitude,
+    },
       function (res) {
         if (res.code == 0 && res.data) {
           let val = res.data.calculateNew / 1000;
@@ -379,9 +379,9 @@ Page({
   },
   toPrivacy() {
     wx.openPrivacyContract({
-      success: () => {}, // 打开成功
-      fail: () => {}, // 打开失败
-      complete: () => {}
+      success: () => { }, // 打开成功
+      fail: () => { }, // 打开失败
+      complete: () => { }
     })
     // wx.navigateTo({
     //   url: "/pages/privacy/privacy",
@@ -409,8 +409,8 @@ Page({
           // wx.startRecord()
         }
       },
-      fail: () => {},
-      complete: () => {}
+      fail: () => { },
+      complete: () => { }
     })
   },
   onShow() {
@@ -464,7 +464,7 @@ Page({
       fail: function (res) {
         console.log(res);
       },
-      complete: function (res) {},
+      complete: function (res) { },
     });
   },
   //统计积分(每日登录)
@@ -478,10 +478,10 @@ Page({
     app._post_form(
       "scoreStu/dailyLogin",
       "", {
-        stuId: util.getUserId(),
-      },
+      stuId: util.getUserId(),
+    },
       function (res) {
-        if (res.code === 0) {}
+        if (res.code === 0) { }
       }
     );
   },
@@ -702,7 +702,7 @@ Page({
           goodsClassfiyList: arr,
         });
         if (this.data.goodsClassfiyList[0]) {
-          this.getGoodsList0(this.data.goodsClassfiyList[0].id);
+          // this.getGoodsList0(this.data.goodsClassfiyList[0].id);
         }
         if (this.data.goodsClassfiyList[1]) {
           this.getGoodsList1(this.data.goodsClassfiyList[1].id);
@@ -714,10 +714,10 @@ Page({
   getGoodsList0(categoryId, i) {
     app._get(
       "goods/page", {
-        pageSize: 1,
-        pageNum: 1,
-        categoryId: categoryId,
-      },
+      pageSize: 1,
+      pageNum: 1,
+      categoryId: categoryId,
+    },
       (res) => {
         if (res.code == 0) {
           this.setData({
@@ -731,10 +731,10 @@ Page({
   getGoodsList1(categoryId) {
     app._get(
       "goods/page", {
-        pageSize: 1,
-        pageNum: 1,
-        categoryId: categoryId,
-      },
+      pageSize: 3,
+      pageNum: 1,
+      categoryId: categoryId,
+    },
       (res) => {
         if (res.code == 0) {
           this.setData({
@@ -747,7 +747,7 @@ Page({
 
   toGoodsList(e) {
     wx.setStorageSync('classfiyId', e.currentTarget.dataset.id)
-    wx.switchTab({
+    wx.navigateTo({
       url: `/pages/quality/index/index`,
     });
   },
@@ -762,10 +762,10 @@ Page({
     let nowCity = wx.getStorageSync("CHOOSECITY");
     app._get(
       "store/list", {
-        lon: this.data.longitude,
-        lat: this.data.latitude,
-        limit: 2,
-      },
+      lon: this.data.longitude,
+      lat: this.data.latitude,
+      limit: 2,
+    },
       (res) => {
         if (res.code == 0) {
           this.setData({
@@ -931,5 +931,5 @@ Page({
       }
     );
   },
-  onShareAppMessage: function () {},
+  onShareAppMessage: function () { },
 });

pages/home/index/index.wxml

@@ -1,76 +1,59 @@
 <import src="template/volunteer-template/volunteer-template.wxml" />
 <import src="template/growth-template/growth-template.wxml" />
 <view class="home">
-  <view style="width:100%;height:{{statusBarHeight}};"></view>
-  <view class="diy-top" style="height:{{statusBarHeight}};padding-top:{{statusBarHeightTop}}">
-    <!-- <image mode="widthFix" src="{{appAssetsUrl2+'wjxy/homelogo.png'}}" class="logo" style="line-height:{{statusBarHeight - 26}}" /> -->
-    <image src="{{appAssetsUrl2}}new/logo.png" mode="widthFix" class="logo" style="line-height:{{statusBarHeight - 26}}"></image>
-    <!-- <view class="right-word">
-      <view class="box">
-        <text class="left" style="margin-left: 0;">青雲慧</text>
-        <text class="center">|</text>
-        <text class="right">同城100000+</text>
-      </view>
-      <view class="word2">有趣上进青年聚集地</view>
-    </view> -->
-
-    <view class="index-wrap-box">
-      <view class="index-container">
-        <view class='list-search'>
-          <view class='temp'>
-            <form class='temp-box' report-submit='true' bindsubmit=''>
-              <view class='white-spaceone'>
-                <image src="{{appAssetsUrl2}}new/ad.png" lazy-load="true" class='location'>
-                </image>
-                <!-- <image src="{{appAssetsUrl2+'wjxy/ad.png'}}" lazy-load="true" class='location urlTop'>
-                </image> -->
-                <!-- bindcolumnchange="cityPickerColumnChange" -->
-                <picker mode="selector" bindchange="cityPickerChange" value="{{cityListIndex}}" range="{{cityListPickerData}}" range-key="name" style="display: inline-block;height: 30rpx;line-height: 10rpx;color: white;">
-                  <view class="picker">
-                    <text wx:if="{{cityListPickerData.length>0}}" form-type='submit' class='side'>{{currentCity.cityName}}</text>
-                    <text wx:else form-type='submit' class='side' style="color: white;">未知</text>
-                  </view>
-                </picker>
-                <!-- <i class="iconfont1 icon-xiajiantou down-icon"></i> -->
-                <image src="{{appAssetsUrl2}}new/xiala.png" mode="widthFix" class="xiala"></image>
-              </view>
-            </form>
-          </view>
-          <view class='list-search-box' bindtap="onBindFocus">
-            <!-- <icon type="search" color="#cccccc" size="18" class='list-iconfont' /> -->
-            <image src="{{appAssetsUrl2}}new/search-icon.png" mode="widthFix" class="search-icon"></image>
-            <input placeholder="请输入关键字" disabled="{{true}}" />
+  <view style="background: linear-gradient(180deg, #e2eaff 0%, #F7F8FA 100%);">
+    <view style="width:100%;height:{{statusBarHeight}};"></view>
+    <view class="diy-top" style="height:{{statusBarHeight}};padding-top:{{statusBarHeightTop}}">
+      <view class="title">青雲慧</view>
+      <view class="index-wrap-box">
+        <view class="index-container">
+          <view class='list-search'>
+            <view class='temp'>
+              <form class='temp-box' report-submit='true' bindsubmit=''>
+                <view class='white-spaceone'>
+                  <image src="{{appAssetsUrl2}}new/ad.png" lazy-load="true" class='location'></image>
+                  <picker mode="selector" bindchange="cityPickerChange" value="{{cityListIndex}}" range="{{cityListPickerData}}" range-key="name" style="display: inline-block;height: 30rpx;line-height: 10rpx;color: white;">
+                    <view class="picker">
+                      <text wx:if="{{cityListPickerData.length>0}}" form-type='submit' class='side'>{{currentCity.cityName}}</text>
+                      <text wx:else form-type='submit' class='side' style="color: white;">未知</text>
+                    </view>
+                  </picker>
+                  <image src="{{appAssetsUrl2}}new/xiala.png" mode="widthFix" class="xiala"></image>
+                </view>
+              </form>
+            </view>
+            <view class='list-search-box' bindtap="onBindFocus">
+              <image src="{{appAssetsUrl2}}new/search-icon.png" mode="widthFix" class="search-icon"></image>
+              <input placeholder="请输入关键字" disabled="{{true}}" />
+            </view>
           </view>
         </view>
       </view>
     </view>
-
-  </view>
-  <view class='index-wrap'>
-
     <view class="home-top-bg">
-
       <swiper autoplay="{{true}}" current="{{current}}" bindchange="changeSwiper" interval="{{2000}}" duration="{{500}}" class="bg">
-        <block wx:for="{{imglist}}" wx:key="*this">
+        <block wx:for="{{imglist}}" wx:key="index">
           <swiper-item>
             <image class="lun-img" mode="scaleToFill" data-item="{{item}}" bindtap='imgJump' src="{{item.picture}}"></image>
           </swiper-item>
         </block>
       </swiper>
       <view class="slide-box">
-        <view wx:for="{{imglist}}" class="{{ current == index ? 'slide-active' : 'slide-item'}}"></view>
+        <view wx:for="{{imglist}}" class="{{ current == index ? 'slide-active' : 'slide-item'}}" wx:key="index"></view>
         <!-- <view wx:for="{{imglist}}" class="ddd">{{ index }}</view> -->
       </view>
     </view>
     <view class="bottom-type">
       <!-- class="box" -->
-      <view class="box {{'bot-box'+index}}" bindtap="experience" wx:for="{{classList}}" data-index="{{index}}">
+      <view class="box {{'bot-box'+index}}" bindtap="experience" wx:for="{{classList}}" data-index="{{index}}" wx:key="index">
         <image class="{{'type-img'+index}}" src="{{item.image}}"></image>
         <view class="text">{{item.name}}</view>
       </view>
     </view>
+  </view>
+  <view class='index-wrap'>
     <!-- 列表集合 -->
-    <!-- 		<view class="namewrap">
+    <!-- <view class="namewrap">
 			<view class="nameitem {{nameIndex == index ? 'nameactive' : ''}}" wx:for="{{nameList}}"
 				bindtap="nameHandler" data-index="{{index}}">
 				<image wx:if="{{index==0}}" mode="widthFix" src="{{appAssetsUrl}}/images/goods.png"
@@ -97,7 +80,10 @@
         <view class="title">
           <view class="label">热门活动</view>
         </view>
-        <view class="mword" data-url="/pages/experience/index/index" data-type="tab" bindtap="more"><span style="margin-right:20rpx;">查看更多</span><i class="iconfont icon-jiantou righticon hoticon"></i></view>
+        <view class="mword" data-url="/pages/experience/index/index" data-type="tab" bindtap="more">
+          <span style="margin-right:20rpx;">查看更多</span>
+          <i class="iconfont icon-jiantou righticon hoticon"></i>
+        </view>
       </view>
       <scroll-view scroll-x class="scroll-view">
         <!-- <view class="hot-box"> -->
@@ -131,10 +117,8 @@
                 <view class="per-box" wx:if="{{item.willnum}}">
                   <view class="icon-box">
                     <image src="{{appAssetsUrl2}}new/renshu.png" mode="widthFix"></image>
-
                     <!-- <i class="iconfont1 icon-quanxiaozongrenshu icon-home-pel"></i> -->
                   </view>
-
                   <span>名额: {{item.willnum}} 人</span>
                 </view>
                 <view class="vip-txt" wx:if="{{item.isNeedVip == 1}}">VIP会员免费</view>
@@ -157,9 +141,12 @@
         <view class="title">
           <view class="label">最新工作</view>
         </view>
-        <view class="mword" data-url="/pages/practicalExperience/practicalExperience" data-type="tab" bindtap="more"><span style="margin-right:20rpx;">查看更多</span><i class="iconfont icon-jiantou righticon hoticon"></i></view>
+        <view class="mword" data-url="/pages/practicalExperience/practicalExperience" data-type="tab" bindtap="more">
+          <span style="margin-right:20rpx;">查看更多</span>
+          <i class="iconfont icon-jiantou righticon hoticon"></i>
+        </view>
       </view>
-      <view class="jianzhi-item" bindtap="toPartDetail" data-id="{{item.id}}" wx:for="{{jobList}}">
+      <view class="jianzhi-item" bindtap="toPartDetail" data-id="{{item.id}}" wx:for="{{jobList}}" wx:key="index">
         <!-- <view style="border-bottom: 1px solid #E6E6E6;padding-bottom:12rpx;"> -->
         <view class="name-price">
           <!-- item.title -->
@@ -189,16 +176,12 @@
         <!-- </view> -->
       </view>
     </view>
-
-    <!-- 分类管理 -->
-    <view class="classfiy-box" wx:if="{{goodsList0.length}}">
+    <!-- <view class="classfiy-box" wx:if="{{goodsList0.length}}">
       <view class="hot-title" style="margin-top:0;">
-        <!-- <view class="line"></view> -->
         <view class="title">
           <view class="label">{{goodsClassfiyList[0].name}}</view>
         </view>
         <view class="mword" data-id="{{goodsClassfiyList[0].id}}" bindtap="toGoodsList"><span style="margin-right:20rpx;">查看更多</span><i class="iconfont icon-jiantou righticon hoticon"></i></view>
-        <!-- <navigator class="mword" data-type="tab" url="/pages/quality/index/index" open-type="switchTab"><span style="margin-right:20rpx;">查看更多</span><i class="iconfont icon-jiantou righticon hoticon"></i></navigator> -->
       </view>
       <view class="main">
         <view class="goods-item" wx:for="{{goodsList0}}">
@@ -209,35 +192,42 @@
           </view>
         </view>
       </view>
-    </view>
-
+    </view> -->
     <!-- 分类管理 -->
     <view class="classfiy-box" wx:if="{{goodsList1.length}}">
       <view class="hot-title" style="margin-top:0;">
-        <!-- <view class="line"></view> -->
         <view class="title">
           <view class="label">{{goodsClassfiyList[1].name}}</view>
         </view>
-        <view class="mword" data-id="{{goodsClassfiyList[1].id}}" bindtap="toGoodsList"><span style="margin-right:20rpx;">查看更多</span><i class="iconfont icon-jiantou righticon hoticon"></i></view>
-        <!-- <navigator class="mword" data-type="tab" url="/pages/quality/index/index?id=123" open-type="switchTab" data-id="{{goodsClassfiyList[1].id}}" bindtap="toGoodsList"><span style="margin-right:20rpx;">查看更多111</span><i class="iconfont icon-jiantou righticon hoticon"></i></navigator> -->
+        <view class="mword" data-id="{{goodsClassfiyList[1].id}}" bindtap="toGoodsList">
+          <span style="margin-right:20rpx;">查看更多</span>
+          <i class="iconfont icon-jiantou righticon hoticon"></i>
+        </view>
       </view>
       <view class="main">
-        <view class="goods-item" wx:for="{{goodsList1}}">
+        <view class="goods-item" wx:for="{{goodsList1}}" wx:key="index">
           <image src="{{item.bannerFirstImg}}"></image>
           <view class="goods-btn">
-            <view class="title">{{item.name}}</view>
-            <view class="btn" data-id="{{item.id}}" bindtap="goodsDetail">查看详情</view>
+            <view>
+              <view class="title">{{item.name}}</view>
+              <view class="desc">{{item.descriptions}}</view>
+            </view>
+            <view style="text-align: right;">
+              <view class="btn" data-id="{{item.id}}" bindtap="goodsDetail">我想要</view>
+            </view>
           </view>
         </view>
       </view>
     </view>
-
     <!-- 推荐行家 -->
     <view class="hang-box" wx:if="{{expertList.length > 0 && false}}">
       <view class="hot-title" style="margin-top:0;">
         <view class="line"></view>
         <view class="title">推荐行家</view>
-        <view class="mword" data-url="/pages/dashen/index" data-type="tab" bindtap="more"><span style="margin-right:20rpx;">查看更多</span><i class="iconfont icon-jiantou righticon hoticon"></i></view>
+        <view class="mword" data-url="/pages/dashen/index" data-type="tab" bindtap="more">
+          <span style="margin-right:20rpx;">查看更多</span>
+          <i class="iconfont icon-jiantou righticon hoticon"></i>
+        </view>
       </view>
       <view class='hang-item' wx:for="{{expertList}}" data-id="{{item.id}}" bindtap="toExpertDetail">
         <view class="info-box">
@@ -276,7 +266,7 @@
       </view>
       <scroll-view scroll-x>
         <view class="school-wap">
-          <view class="school-item" data-id="{{item.id}}" bindtap="perDetail" wx:for="{{perList}}">
+          <view class="school-item" data-id="{{item.id}}" bindtap="perDetail" wx:for="{{perList}}" wx:key="index">
             <image mode="aspectFill" src="{{item.agentPhoto}}" class='school-img'></image>
             <view class="school-b">
               <view class="name">{{item.showName}}</view>
@@ -285,7 +275,6 @@
             </view>
           </view>
         </view>
-
       </scroll-view>
     </view>
     <!-- 门店推荐 -->
@@ -312,7 +301,6 @@
         </view>
       </view>
     </view>
-
     <!-- 门店展示 -->
     <view class="shop-list-box" wx:if="{{shopList.length}}">
       <view class="hot-title" style="margin-top:0;">
@@ -322,7 +310,7 @@
         </view>
       </view>
       <view class="main">
-        <view class="shop-item-box" data-id="{{item.id}}" wx:for="{{shopList}}" bindtap="goShopStore">
+        <view class="shop-item-box" data-id="{{item.id}}" wx:for="{{shopList}}" bindtap="goShopStore" wx:key="index">
           <image class="shop-pic" src="{{item.storePhoto}}" mode="widthFix"></image>
           <view class="shop-info">
             <view class="shops-name">{{item.name}}</view>
@@ -341,7 +329,6 @@
         </view>
       </view>
     </view>
-
     <view style="height:21rpx;"></view>
   </view>
   <!-- 弹窗 -->
@@ -351,7 +338,6 @@
       <image bindtap="popupDetail" src="{{popupImg}}" class='popup-img'></image>
     </view>
   </view>
-
   <popup2 id='popup2' title='隐私协议授权提示' content="{{['']}}" self="{{true}}" bind:error="closeAgree" data-name="popup2">
     <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;text-align: left;">
       请仔细阅读<text class="yin" bindtap="toPrivacy">《隐私保护指引》</text>。如你同意<text class="yin" bindtap="toPrivacy">《隐私保护指引》</text>，请点击“同意”按钮，即可开始使用(青雲慧微信小程序)。

pages/home/index/index.wxss

@@ -58,7 +58,7 @@
   height: 310rpx;
   padding: 0 30rpx;
   position: relative;
-  background-color: #fff;
+  /* background-color: #fff; */
   box-sizing: border-box;
 }
 
@@ -90,7 +90,7 @@
   justify-content: space-around;
   padding: 40rpx 30rpx 30rpx;
   box-sizing: border-box;
-  background-color: #fff;
+  /* background-color: #fff; */
 }
 
 .bottom-type .box {
@@ -196,7 +196,7 @@
   right: -3%;
   width: 30rpx;
   height: 30rpx;
-  background-color: #ffec94;
+  background-color: #005eff42;
   border-radius: 50%;
   z-index: 1;
 }
@@ -236,7 +236,7 @@
   width: 100%;
   /* height: 100%; */
   /* background: linear-gradient(90deg,#8fcd4d, #afde7c); */
-  background-color: white;
+  /* background-color: white; */
   position: fixed;
   left: 0;
   top: 0;
@@ -245,8 +245,8 @@
   /* align-items: flex-end; */
   box-sizing: border-box;
   padding-bottom: 12rpx;
-  background-image: linear-gradient(0deg, #ffffff 10%, #fff9e0 100%);
-  /* background-image: linear-gradient(0deg, #FFFFFF 37%, #FFF9E0 100%); */
+  /* background-image: linear-gradient(0deg, #ffffff 10%, #fff9e0 100%); */
+  background: linear-gradient(180deg, #CAD8FF 0%, #e7edfe 100%);
 }
 
 .diy-top .logo {
@@ -259,6 +259,14 @@
   /* margin-bottom: 6rpx; */
 }
 
+.diy-top .title {
+  height: 80rpx;
+  line-height: 80rpx;
+  text-align: center;
+  font-size: 36rpx;
+  font-weight: 700;
+}
+
 .diy-top .left {
   margin-left: 10rpx;
   font-weight: 400;
@@ -349,7 +357,9 @@
   width: 100%;
   /* padding: 0 30rpx; */
   box-sizing: border-box;
-  background-color: #fbf9f6;
+  background-color: #f7f8fa;
+  /* background: linear-gradient(180deg, #f7f8fa 0%, #f7f8fa 100%); */
+
 }
 
 .index-container {
@@ -1691,14 +1701,14 @@
 }
 
 .address-bao .job-info .job--base-info {
-  color: #999999;
+  color: #ec931a;
   font-size: 24rpx;
 }
 
 .address-bao .job-info .job--base-info text {
   display: inline-block;
   padding: 0 20rpx;
-  border-right: 1rpx solid #d5d5d5;
+  border-right: 1rpx solid #ec931a;
 }
 
 .address-bao .job-info .job--base-info text:first-child {
@@ -1839,7 +1849,7 @@
   font-size: 24rpx;
   font-family: "FZZhunYuan-M02S";
   font-weight: 400;
-  color: #666666;
+  color: #999999;
 }
 
 .hang-item .label {
@@ -2010,7 +2020,8 @@
 }
 
 .green2 {
-  background: #ffdc2f !important;
+  background: #2b58a5 !important;
+  color: #ffffff !important;
 }
 
 .touritem {
@@ -2363,45 +2374,65 @@
 .classfiy-box .main {}
 
 .classfiy-box .main .goods-item {
+  display: flex;
+  /* align-items: center; */
   padding: 30rpx;
   font-size: 28rpx;
   color: #3b403d;
   font-weight: 400;
   background-color: #fff;
   border-radius: 20rpx;
+  margin-bottom: 20rpx;
 }
 
 .classfiy-box .main .goods-item image {
-  width: 100%;
-  height: 222rpx;
-  margin-bottom: 26rpx;
+  width: 210rpx;
+  height: 210rpx;
+  margin-right: 30rpx;
   /* background: #000; */
   border-radius: 20rpx;
+  flex-shrink: 0;
 }
 
 .classfiy-box .main .goods-item .goods-btn {
+  flex: 1;
+  min-height: 210rpx;
   display: flex;
+  flex-direction: column;
   justify-content: space-between;
-  align-items: center;
+  /* align-items: center; */
 }
 
 .classfiy-box .main .goods-item .goods-btn .title {
-  flex: 1;
-  margin-right: 20rpx;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  font-weight: 700;
+  font-size: 30rpx;
+  margin-bottom: 8rpx;
+}
+
+.classfiy-box .main .goods-item .goods-btn .desc {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  /* 限制为两行 */
+  overflow: hidden;
+  font-size: 24rpx;
+  margin-bottom: 8rpx;
+  color: #808080;
 }
 
 .classfiy-box .main .goods-item .goods-btn .btn {
-  width: 152rpx;
-  height: 56rpx;
+  display: inline-block;
+  width: 165rpx;
+  height: 60rrpx;
   line-height: 56rpx;
   text-align: center;
   font-size: 24rpx;
-  color: #816a00;
-  background-color: #ffe56d;
-  border-radius: 45rpx;
+  color: #ffffff;
+  background-color: #2b58a5;
+  border-radius: 30rpx;
   flex-shrink: 0;
 }
 
@@ -2439,7 +2470,8 @@
 
 .shop-list-box .shop-item-box .shops-name {
   font-size: 28rpx;
-  color: #3b403d;
+  color: #1a1a1a;
+  font-weight: 400;
   margin-bottom: 9rpx;
 }
 
@@ -2471,6 +2503,8 @@
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
+  color: #999999;
+  font-size: 24rpx;
 }
 
 .shop-list-box .shop-item-box .shop-info .shop-juli {
@@ -2480,7 +2514,7 @@
   padding: 9rpx 20rpx;
   font-size: 24rpx;
   color: #77603d;
-  background-color: #fffbe9;
+  background-color: #e8f1ff;
 }
 
 .shop-list-box .shop-item-box .shop-info .shop-juli {

pages/practicalExperience/practicalExperience.js

@@ -150,7 +150,7 @@ Page({
 					statusBarHeight: ButtonBounding.height + res.statusBarHeight + (
 						ButtonBounding.top - res.statusBarHeight) * 2 + 'px',
 					titleHeight: (height - res.statusBarHeight) + 'px',
-					conTop: (50 + 48) + 'px',
+					conTop: 50 + 'px',
 					shaiHeight: (navHeight + 48) + 'px',
 					staHeight: res.statusBarHeight,
 				})

pages/practicalExperience/practicalExperience.wxml

@@ -3,13 +3,13 @@
 		
 	</view>
 	<view class="top-act" style="height:{{statusBarHeight}};top:{{staHeight}};">	
-		<view class="act-title">潮兼职</view> 
+		<view class="act-title">同城实践</view> 
 	</view>
 	<view class="sticky-box">
 		<view class="namewrap">
 			<scroll-view scroll-x scroll-with-animation scroll-left="{{navScrollWidth}}" class="item-box">
 				<view class="nameitem {{nameIndex == index ? 'nameactive' : ''}}" wx:for="{{nameList}}"
-					bindtap="nameHandler" data-index="{{index}}">
+					bindtap="nameHandler" data-index="{{index}}" wx:key="index">
 					<!-- <image mode="widthFix" src="{{appAssetsUrl}}/images/active_line.png"
 						style="width: 55rpx;position: absolute;top: 50rpx;left: calc(50% + 10rpx);transform: translateX(-50%);display: {{nameIndex == index?'block':'none'}};">
 					</image> -->
@@ -24,7 +24,7 @@
 		</view>
 	</view>
 	<!-- <view style="height:103rpx;"></view> -->
-	<view class="downMenu" style="top:{{shaiHeight}};">
+	<view class="downMenu"  style="margin-top:{{conTop}}">
 		<view class="section">
 			<picker bindchange="timePickerChange" value="{{timeListIndex}}" range="{{timeList}}" range-key='name'>
 				<view class="picker">
@@ -33,7 +33,7 @@
 				</view>
 			</picker>
 		</view>
-		<view style="margin-left:100rpx;" class="section">
+		<view style="margin-left:40rpx;" class="section">
 			<picker bindchange="statusPickerChange" value="{{statusListIndex}}" range="{{statusList}}"
 				range-key='itemname'>
 				<view class="picker">
@@ -45,10 +45,10 @@
 	</view>
 	<!-- <view style="height:97px;"></view> -->
 	<!-- margin-top:107px; -->
-	<view class="content"  style="margin-top:{{conTop}}">
+	<view class="content">
 		
 		<scroll-view scroll-y>
-			<view wx:if="{{listData.length>0}}" style="{{ index == 0 ? 'padding-top:0;' : '' }}" class="categoryitem" data-id="{{item.id}}" wx:for="{{listData}}"
+			<view wx:if="{{listData.length>0}}" class="categoryitem" data-id="{{item.id}}" wx:for="{{listData}}"
 				wx:key="item" bindtap="toPartDetail">
 				<view class="img-sex">
 					<!-- {{appAssetsUrl2}}wjxy/mine/vip-icon.png /images/wjxy/boy.png -->
@@ -57,28 +57,29 @@
 				<view class="right-box">
 					<view class="catetop">
 						<text class="titlex">{{item.title}}</text>
-						
 					</view>
 					<view class="catebottom">
 						<view class="bot-left">
-							<view class="bot-left-type">{{ item.typeName }}</view>
+							<view class="bot-left-type-box">
+								<view class="type-box-item bot-left-type">{{ item.typeName }}</view>
+								<view class="type-box-item">{{ item.categoryName }}</view>
+								<view class="type-box-item">{{ item.sexlimitName }}</view>
+							</view>
 							<view class="bot-time">
 								<i class="iconfont1 icon-31shijian time-icon"></i>
-								<view class="time-box">{{item.workdateStart + '-' + item.workdateEnd}}</view>
+								<view class="time-box">时间：{{item.workdateStart + '-' + item.workdateEnd}}</view>
 							</view>
 							<view style="margin-top:10rpx;">
 								<i class="iconfont icon-dizhi icon-home-dizhi"></i>
-								<view class="address">{{item.address}}</view>
+								<view class="address">地点：{{item.address}}</view>
+							</view>
+							<view style="margin-top:10rpx;">
+								<i class="iconfont icon-dizhi"></i>
+								<view class="address">名额：{{item.willnum}}</view>
 							</view>
-							
 						</view>
-						
 					</view>
 					<view class="type-sex">
-						<view class="type-box-sex">
-							<view class="type">{{ item.categoryName }}</view>
-							<view class="sex" wx:if="{{ item.sexlimitName }}">{{ item.sexlimitName }}</view>
-						</view>
 						<view class="bot-right">
 							<view class="price">
 								<text class="p1">￥</text>
@@ -117,11 +118,11 @@
 				<text>根据选择为您更精准的推荐兼职</text>
 			</view>
 			<scroll-view scroll-y class="class-box">
-				<view wx:for="{{filterList}}" wx:for-index="index" wx:for-item="item">
+				<view wx:for="{{filterList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
 					<view class="class-title">{{item.name}}</view>
 					<view bindtap="setChecked" data-index="{{index}}" data-index2="{{index2}}"
 						class="class-label {{item2.checked?'active':''}}" wx:for="{{item.list}}" wx:for-index="index2"
-						wx:for-item="item2">
+						wx:for-item="item2" wx:key="index2">
 						{{item2.itemname}}
 					</view>
 				</view>

pages/practicalExperience/practicalExperience.wxss

@@ -1,520 +1,583 @@
 page {
-	background-color: white;
+  background-color: white;
 }
+
 .top-act {
-	position: fixed;
-	width: 750rpx;
-	z-index: 99999;
-	background-color: white;
-	top: 0;
-	display: flex;
-	align-items: center;
-	box-sizing: border-box;
-	padding-left: 30rpx;
-	font-size: 36rpx;
-	font-family: PingFang SC, PingFang SC-Bold;
-	font-weight: 700;
+  position: fixed;
+  width: 750rpx;
+  z-index: 99999;
+  background-color: white;
+  top: 0;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding-left: 30rpx;
+  font-size: 36rpx;
+  font-family: PingFang SC, PingFang SC-Bold;
+  font-weight: 700;
 }
+
 .swiper-item {
-	height: 347rpx;
-	width: 100%;
-	background: #f6f6f6;
+  height: 347rpx;
+  width: 100%;
+  background: #f6f6f6;
 }
+
 .sticky-box {
-	border-bottom:1px solid #e6e6e6;
-	/* height: 103rpx; */
-	height: 48px;
-	padding: 0 32rpx;
-	background-color: white;
-	box-sizing: border-box;
-	width: 750rpx;
-	position: fixed !important;
-	z-index: 100;
+  /* border-bottom: 1px solid #e6e6e6; */
+  /* height: 103rpx; */
+  height: 48px;
+  padding: 0 32rpx;
+  background-color: white;
+  box-sizing: border-box;
+  width: 750rpx;
+  position: fixed !important;
+  z-index: 100;
 }
+
 .content {
-	padding: 0 32rpx 30rpx 32rpx;
+  padding: 0 30rpx 30rpx 30rpx;
+  background: #f7f8fa;
+  box-sizing: border-box;
 }
 
 /* 列表 */
 .namewrap {
-	position: relative;
-	/* padding-top: 20rpx; */
+  position: relative;
+  /* padding-top: 20rpx; */
 }
-.downMenu .section{
-  color:#585858;
+
+.downMenu .section {
+  color: #585858;
   /* color: #1a1a1a; */
   font-family: PingFang-SC-Regular;
   text-align: center;
-	margin-left: 0;
+  margin-left: 0;
+  box-sizing: border-box;
 }
-.downMenu{
-  margin-top:0rpx!important;
-  margin-bottom:0rpx!important;
+
+.downMenu {
+  margin-bottom: 0 !important;
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
-  padding: 0 32rpx;
- position: fixed;
-  z-index: 99;
-  background-color: white;
+  padding: 40rpx 30rpx 30rpx;
+  /* position: fixed;
+  z-index: 99; */
+  background-color: #f7f8fa;
+  border-radius: 40rpx 40rpx 0rpx 0rpx;
+  box-sizing: border-box;
 }
+
 .gray {
-	color: #666666;
-	margin-left: 11rpx;
+  color: #666666;
+  margin-left: 11rpx;
 }
- .section{
+
+.section {
   /* height: 90rpx; */
-  height: 50px;
+  /* height: 50px; */
   width: fit-content;
   display: flex;
   flex-direction: row;
   align-items: center;
 }
- .section picker{
+
+.section picker {
   justify-content: center;
 }
+
 .top20 {
-	padding-top: 15rpx;
+  padding-top: 15rpx;
 }
- .section .picker{
+
+.section .picker {
   display: flex;
   /* height: 90rpx; */
-  height: 50px;
+  /* height: 50px; */
   align-items: center;
   width: 100%;
   justify-content: center;
+  background: #ffffff;
+  padding: 12rpx 10rpx;
+  border-radius: 30rpx;
 }
+
 .namewrap .nameitem {
-	display: inline-block;
-	font-size: 32rpx;
-	font-weight: 600;
-	text-align: left;
-	color: #666666;
-	margin-right: 43rpx;
-	position: relative;
-	/* height: 103rpx;
+  display: inline-block;
+  font-size: 32rpx;
+  font-weight: 600;
+  text-align: left;
+  color: #666666;
+  margin-right: 43rpx;
+  position: relative;
+  /* height: 103rpx;
 	line-height: 103rpx; */
-	height: 48px;
-	padding-top: 15rpx;
-	/* line-height: 57px; */
-	font-family: PingFang SC, PingFang SC-Regular;
-	font-weight: 400;
-	letter-spacing: 0.28px;
-	box-sizing: border-box;
+  height: 48px;
+  padding-top: 15rpx;
+  /* line-height: 57px; */
+  font-family: PingFang SC, PingFang SC-Regular;
+  font-weight: 400;
+  letter-spacing: 0.28px;
+  box-sizing: border-box;
 }
+
 .item-line {
-	position: absolute;
-	bottom: 0;
-	width: 80%;
-	height: 4rpx;
-	background: #ffdd36;
-	border-radius: 2rpx;
-	left: 50%;
-	transform: translateX(-50%);
+  position: absolute;
+  bottom: 0;
+  width: 80%;
+  height: 4rpx;
+  background: #2b58a5;
+  border-radius: 4rpx;
+  left: 50%;
+  transform: translateX(-50%);
 }
+
 .namewrap .nameactive {
-	font-size: 34rpx;
-	font-weight: 700;
-	text-align: left;
-	color: #1a1a1a;
+  font-size: 34rpx;
+  font-weight: 700;
+  text-align: left;
+  color: #2b58a5;
 }
 
 .item-box {
-	/* width: calc(100% - 113rpx); */
-	width: 100%;
-	white-space: nowrap;
-	overflow-x: auto;
-	z-index: 1000000;
-	position: relative;
+  /* width: calc(100% - 113rpx); */
+  width: 100%;
+  white-space: nowrap;
+  overflow-x: auto;
+  z-index: 1000000;
+  position: relative;
 }
 
 .namewrap .filter {
-	position: absolute;
-	top: 20rpx;
-	right: 0;
-	z-index: 10;
-	height: 49rpx;
-	width: 103rpx;
-	text-align: center;
-	line-height: 49rpx;
-	background: #ffffff;
-	border-radius: 10rpx;
-	color: #666666;
+  position: absolute;
+  top: 20rpx;
+  right: 0;
+  z-index: 10;
+  height: 49rpx;
+  width: 103rpx;
+  text-align: center;
+  line-height: 49rpx;
+  background: #ffffff;
+  border-radius: 10rpx;
+  color: #666666;
 }
 
 .namewrap .filter .triangle {
-	background: white;
-	border-top: 10rpx solid white;
-	border-right: 5px solid #666666;
-	height: 0;
-	float: right;
-	margin-right: 10rpx;
-	margin-top: 30rpx;
-	display: flex;
-	justify-content: center;
-	align-items: flex-end;
-	width: 5rpx;
-	border-radius: 0 5rpx 0rpx 0rpx;
+  background: white;
+  border-top: 10rpx solid white;
+  border-right: 5px solid #666666;
+  height: 0;
+  float: right;
+  margin-right: 10rpx;
+  margin-top: 30rpx;
+  display: flex;
+  justify-content: center;
+  align-items: flex-end;
+  width: 5rpx;
+  border-radius: 0 5rpx 0rpx 0rpx;
 }
 
 .categoryitem {
-	padding: 30rpx 0 30rpx 0;
-	box-sizing: border-box;
-	background: white;
-	/* margin-bottom: 15rpx; */
-	/* border-radius: 10rpx; */
-	border-bottom: 1px solid #e6e6e6;
-	display: flex;
-	align-items: center;
+  padding: 32rpx 24rpx;
+  box-sizing: border-box;
+  background: white;
+  display: flex;
+  /* align-items: center; */
+  border-radius: 20rpx;
+  margin-bottom: 20rpx;
 }
+
 .right-box {
-	/* margin-left: 32rpx; */
+  /* margin-left: 32rpx; */
   /* width: 544rpx; */
   flex: 1;
   width: 0;
 }
+
 .img-sex {
-	width: 142rpx;
-	display: flex;
-	align-items: center;
-	/* justify-content: center; */
+  /* width: 142rpx; */
+  display: flex;
+  /* align-items: center; */
+  /* justify-content: center; */
 }
+
 .per-img1 {
-	width: 27rpx;
-	height: 71rpx;
-	flex-shrink: 0;
-	margin-right: 80rpx;
-	margin-left: 36rpx;
+  width: 27rpx;
+  height: 71rpx;
+  flex-shrink: 0;
+  margin-right: 80rpx;
+  margin-left: 36rpx;
 }
+
 .per-img2 {
-	width: 39rpx;
-	height: 72rpx;
-	flex-shrink: 0;
-	margin-right: 72rpx;
-	margin-left: 33rpx;
+  width: 39rpx;
+  height: 72rpx;
+  flex-shrink: 0;
+  margin-right: 72rpx;
+  margin-left: 33rpx;
 }
+
 .per-img3 {
-	width: 77rpx;
-	height: 72rpx;
-	flex-shrink: 0;
-	margin-right: 50rpx;
-	margin-left: 17rpx;
+  width: 125rpx;
+  height: 126rpx;
+  flex-shrink: 0;
+  margin-right: 50rpx;
+  margin-left: 17rpx;
 }
+
 .categoryitem .label {
-	font-size: 26rpx;
-	font-weight: 400;
-	color: #767676;
-	margin-right: 10rpx;
-	display: inline-block;
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #767676;
+  margin-right: 10rpx;
+  display: inline-block;
 }
 
 .categoryitem .label2 {
-	box-sizing: content-box;
-	font-size: 24rpx;
-	font-weight: 400;
-	color: #767676;
-	height: 38rpx;
-	line-height: 38rpx;
-	padding: 0 12rpx;
-	margin: 10rpx 10rpx 0 0;
-	background: rgba(255, 255, 255, 0.00);
-	border: 1px solid #d7d7d7;
-	border-radius: 4rpx;
-	display: inline-block;
+  box-sizing: content-box;
+  font-size: 24rpx;
+  font-weight: 400;
+  color: #767676;
+  height: 38rpx;
+  line-height: 38rpx;
+  padding: 0 12rpx;
+  margin: 10rpx 10rpx 0 0;
+  background: rgba(255, 255, 255, 0);
+  border: 1px solid #d7d7d7;
+  border-radius: 4rpx;
+  display: inline-block;
 }
 
 .catetop {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-  justify-content: space-between;
   width: 100%;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
+
 .type-sex {
-	display: flex;
-	font-size: 26rpx;
-	font-family: PingFang SC, PingFang SC-Regular;
-	font-weight: 400;
-	margin-top: 15rpx;
-	align-items: flex-end;
-	justify-content: space-between;
-	position: relative;
+  display: flex;
+  font-size: 26rpx;
+  font-family: PingFang SC, PingFang SC-Regular;
+  font-weight: 400;
+  margin-top: 6rpx;
+  align-items: flex-end;
+  justify-content: space-between;
+  /* position: relative; */
 }
+
 .type-box-sex {
-	display: flex;
-	font-size: 26rpx;
-	font-family: PingFang SC, PingFang SC-Regular;
-	font-weight: 400;
-	/* margin-top: 15rpx; */
-	align-items: flex-end;
-	justify-content: space-between;
+  display: flex;
+  font-size: 26rpx;
+  font-family: PingFang SC, PingFang SC-Regular;
+  font-weight: 400;
+  /* margin-top: 15rpx; */
+  align-items: flex-end;
+  justify-content: space-between;
 }
+
 .type {
-	background: rgba(255,255,255,0.00);
-	border: 1px solid #d7d7d7;
-	border-radius: 4px;
-	padding: 4rpx 12rpx;
-	color: #767676;
+  background: rgba(255, 255, 255, 0);
+  border: 1px solid #d7d7d7;
+  border-radius: 4px;
+  padding: 4rpx 12rpx;
+  color: #767676;
 }
+
 .sex {
-	background: rgba(255,255,255,0.00);
-	border: 1px solid #d7d7d7;
-	border-radius: 4px;
-	padding: 4rpx 12rpx;
-	color: #767676;
-	margin-left: 14rpx;
+  background: rgba(255, 255, 255, 0);
+  border: 1px solid #d7d7d7;
+  border-radius: 4px;
+  padding: 4rpx 12rpx;
+  color: #767676;
+  margin-left: 14rpx;
 }
+
 .catetop text {
-	font-size: 24rpx;
-	font-weight: 500;
-	text-align: left;
-	color: #2b2b2b;
-	/* line-height: 52rpx; */
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
+  font-size: 24rpx;
+  font-weight: 500;
+  text-align: left;
+  color: #2b2b2b;
+  /* line-height: 52rpx; */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .catetop .titlex {
-  flex: 1;
-	/* width: 0; */
-	color: #2b2b2b;
-	font-size: 26rpx;
-	font-family: 'FZZhunYuan-M02S';
-	font-weight: 400;
-	text-overflow: ellipsis;
-	display: -webkit-box;
-	-webkit-line-clamp: 1;
-	-webkit-box-orient: vertical;
-	overflow: hidden;
-	flex-shrink: 0;
+  /* flex: 1; */
+  /* width: 0; */
+  color: #2b2b2b;
+  font-size: 30rpx;
+  font-family: "FZZhunYuan-M02S";
+  font-weight: 700;
+  flex-shrink: 0;
 }
 
 .catetop .price {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-top: 0 !important;
 }
 
 .catetop .price .p2 {
-	font-size: 36rpx;
-	font-weight: bold;
-	color: #EC2E26;
-	line-height: 45rpx;
+  font-size: 38rpx;
+  font-weight: bold;
+  color: #ff0000;
+  line-height: 45rpx;
 }
 
 .catetop .price .p1 {
-	font-size: 26rpx;
-	color: #EC2E26;
-	line-height: 52rpx;
+  font-size: 26rpx;
+  color: #ff0000;
+  line-height: 52rpx;
 }
+
 .catebottom {
-	display: flex;
-	justify-content: space-between;
-	/* align-items: center; */
-	margin-top: 13rpx;
+  display: flex;
+  justify-content: space-between;
+  /* align-items: center; */
+  margin-top: 13rpx;
+}
+
+.bot-left-type-box {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.type-box-item {
+  display: inline-block;
+  padding: 8rpx 15rpx;
+  font-size: 24rpx;
+  font-family: PingFang SC, PingFang SC-Regular;
+  font-weight: 400;
+  color: #5f5e66;
+  border-radius: 10rpx;
+  background: #f0f1f5;
+  margin-right: 10rpx;
 }
+
+.bot-left .iconfont1,
+.bot-left .iconfont{
+  color: #999999 !important;
+  font-size: 38rpx;
+}
+
 .bot-left-type {
-	font-size: 26rpx;
-	font-family: PingFang SC, PingFang SC-Regular;
-	font-weight: 400;
-	color: #808080;
+  background: #fff5da;
+  color: #585544;
 }
+
 .time-icon {
-	color: #FFDD36;
-	
+  color: #ffdd36;
 }
+
 .bot-time {
-	display: flex;
-	margin-top: 15rpx;
+  display: flex;
+  margin-top: 15rpx;
 }
+
 .bot-right {
-	display: flex;
-	flex-direction: column;
-	/* justify-content: space-between; */
-	align-items: flex-end;
-	position: absolute;
-	right: 0;
-	bottom: 0;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: flex-end;
+  /* position: absolute;
+  right: 0;
+  bottom: 0; */
 }
+
 .time-box {
-	font-size: 26rpx;
-	font-family: PingFang SC, PingFang SC-Regular;
-	font-weight: 400;
-	color: #808080;
-	margin-left: 9rpx;
+  font-size: 26rpx;
+  font-family: PingFang SC, PingFang SC-Regular;
+  font-weight: 400;
+  color: #808080;
+  margin-left: 9rpx;
 }
+
 .catebottom .adico {
-	width: 17rpx;
-	height: 24rpx;
-	margin-right: 14rpx;
-	display: inline-block;
+  width: 17rpx;
+  height: 24rpx;
+  margin-right: 14rpx;
+  display: inline-block;
 }
 
 .catebottom .address {
-	display: inline-block;
-	line-height: 24rpx;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	width: 330rpx;
-	font-size: 26rpx;
-	font-weight: 400;
-	text-align: left;
-	color: #999999;
+  display: inline-block;
+  line-height: 24rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 330rpx;
+  font-size: 26rpx;
+  font-weight: 400;
+  text-align: left;
+  color: #999999;
 }
 
 .catebottom .sub-btn-box {
-	display: inline-block;
-	width: calc(100% - 375rpx);
-	text-align: right;
-	vertical-align: text-top;
-	margin-top: -10rpx;
+  display: inline-block;
+  width: calc(100% - 375rpx);
+  text-align: right;
+  vertical-align: text-top;
+  margin-top: -10rpx;
 }
 
-.type-sex .sub-btn{
-	background: #e6e6e6;
-	border-radius: 28rpx;
-	height: 55rpx;
-	line-height: 55rpx;
-	color: #0a0a0a;
-	font-size: 28rpx;
-	width: 150rpx;
-	text-align: center;
-	margin-top: 22rpx;
+.type-sex .sub-btn {
+  background: #e6e6e6;
+  border-radius: 28rpx;
+  height: 55rpx;
+  line-height: 55rpx;
+  color: #0a0a0a;
+  font-size: 28rpx;
+  width: 150rpx;
+  text-align: center;
+  /* margin-top: 22rpx; */
 }
-.type-sex .sub-btn.green{
-	background: #FFDC2F;
+
+.type-sex .sub-btn.green {
+  background: #2b58a5;
+  color: #ffffff;
 }
 
 .filter-box {
-	padding: 47rpx 30rpx 0 30rpx;
+  padding: 47rpx 30rpx 0 30rpx;
 }
 
 .filter-box .close {
-	width: 33rpx;
-	float: left;
-	margin-top: 10rpx;
+  width: 33rpx;
+  float: left;
+  margin-top: 10rpx;
 }
 
 .filter-box .title-box {
-	font-size: 36rpx;
-	font-weight: 400;
-	text-align: center;
-	color: #1a1a1a;
+  font-size: 36rpx;
+  font-weight: 400;
+  text-align: center;
+  color: #1a1a1a;
 }
 
 .filter-box .tips {
-	box-sizing: border-box;
-	margin-top: 25rpx;
-	font-size: 30rpx;
-	font-weight: 400;
-	color: #666666;
+  box-sizing: border-box;
+  margin-top: 25rpx;
+  font-size: 30rpx;
+  font-weight: 400;
+  color: #666666;
 }
 
 .filter-box .tips .red {
-	color: #ff0000;
+  color: #ff0000;
 }
 
 .filter-box .class-box {
-	height: calc(100vh - 152rpx - 147rpx);
+  height: calc(100vh - 152rpx - 147rpx);
 }
 
 .class-title {
-	font-size: 34rpx;
-	font-weight: 500;
-	color: #1a1a1a;
-	margin: 45rpx 0 20rpx 0;
+  font-size: 34rpx;
+  font-weight: 500;
+  color: #1a1a1a;
+  margin: 45rpx 0 20rpx 0;
 }
 
 .class-label {
-	height: 68rpx;
-	line-height: 68rpx;
-	width: fit-content;
-	border-radius: 16rpx;
-	padding: 0 37rpx;
-	font-size: 28rpx;
-	font-weight: 500;
-	display: inline-block;
-	margin: 0 20rpx 20rpx 0;
-	background: white;
-	border: 1px solid #d9d9d9;
-	color: #666666;
-}
-.class-label.active{
-	background: #f1ffdf;
-	border: 1px solid #9ddb52;
-	color: #9ddb52;
+  height: 68rpx;
+  line-height: 68rpx;
+  width: fit-content;
+  border-radius: 16rpx;
+  padding: 0 37rpx;
+  font-size: 28rpx;
+  font-weight: 500;
+  display: inline-block;
+  margin: 0 20rpx 20rpx 0;
+  background: white;
+  border: 1px solid #d9d9d9;
+  color: #666666;
+}
+
+.class-label.active {
+  background: #f1ffdf;
+  border: 1px solid #9ddb52;
+  color: #9ddb52;
 }
 
 .filter-box .bottom-box {
-	height: 147rpx;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
+  height: 147rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
 .bottom-box .left-btn {
-	width: 172rpx;
-	height: 88rpx;
-	border: 1px solid #9ddb52;
-	border-radius: 20rpx;
-	text-align: center;
-	font-size: 32rpx;
-	font-weight: 400;
-	color: #9ddb52;
-	background: white;
+  width: 172rpx;
+  height: 88rpx;
+  border: 1px solid #9ddb52;
+  border-radius: 20rpx;
+  text-align: center;
+  font-size: 32rpx;
+  font-weight: 400;
+  color: #9ddb52;
+  background: white;
 }
 
 .bottom-box .right-btn {
-	width: 363rpx;
-	height: 88rpx;
-	border: 1px solid #9ddb52;
-	border-radius: 20rpx;
-	text-align: center;
-	font-size: 32rpx;
-	font-weight: 400;
-	color: white;
-	background: #9DDB52;
-}
-.nodata-img{
-	margin: 130rpx auto;
+  width: 363rpx;
+  height: 88rpx;
+  border: 1px solid #9ddb52;
+  border-radius: 20rpx;
+  text-align: center;
+  font-size: 32rpx;
+  font-weight: 400;
+  color: white;
+  background: #9ddb52;
 }
+
+.nodata-img {
+  margin: 130rpx auto;
+}
+
 .top-act {
-	position: fixed;
-	width: 750rpx;
-	z-index: 99999;
-	background-color: white;
-	top: 0;
-	display: flex;
-	align-items: flex-end;
-	box-sizing: border-box;
-	padding-left: 30rpx;
-	justify-content: space-between;
-	padding-bottom: 10px;
+  position: fixed;
+  width: 750rpx;
+  z-index: 99999;
+  background-color: white;
+  top: 0;
+  display: flex;
+  align-items: flex-end;
+  box-sizing: border-box;
+  /* padding-left: 30rpx; */
+  justify-content: space-between;
+  padding-bottom: 10rpx;
 }
+
 .act-title {
-	font-size: 36rpx;
-	font-family: PingFang SC, PingFang SC-Bold;
-	font-weight: 700;
+  width: 100%;
+  text-align: center;
+  font-size: 36rpx;
+  font-family: PingFang SC, PingFang SC-Bold;
+  font-weight: 700;
 }
 
-
 .paging {
-	padding: 20rpx 0;
-	width: 100%;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
+  padding: 20rpx 0;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
 .paging .page-btn {
-	width: 150rpx;
-	height: 66rpx;
-	line-height: 66rpx;
-	font-size: 24rpx;
+  width: 150rpx;
+  height: 66rpx;
+  line-height: 66rpx;
+  font-size: 24rpx;
 }
 
-.paging .page-num { 
-	font-size: 24rpx;
-}
+.paging .page-num {
+  font-size: 24rpx;
+}

project.config.json

@@ -51,7 +51,7 @@
   "compileType": "miniprogram",
   "libVersion": "2.33.0",
   "appid": "wxd15dbb580e6f1cd3",
-  "projectname": "qingmeng",
+  "projectname": "qingyunhui",
   "simulatorType": "wechat",
   "simulatorPluginLibVersion": {},
   "condition": {