代码修改9.26

src/miniprogram-2/@pages/setting/setting.js

@@ -0,0 +1,66 @@
+// @pages/setting/setting.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

src/miniprogram-2/@pages/setting/setting.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

src/miniprogram-2/@pages/setting/setting.wxml

@@ -0,0 +1,2 @@
+<!--@pages/setting/setting.wxml-->
+<text>@pages/setting/setting.wxml</text>

src/miniprogram-2/@pages/setting/setting.wxss

@@ -0,0 +1 @@
+/* @pages/setting/setting.wxss */

src/miniprogram-2/app.json

@@ -9,8 +9,9 @@
     "pages/match/match",
     "pages/history/history",
     "pages/recommend/recommend",
-    "pages/setting/setting",
-    "pages/recommend/rec1"
+    "pages/recommend/rec1",
+    "pages/recommend/rec2",
+    "pages/recommend/rec3"
   ],
   "window": {
     "backgroundTextStyle": "light",

src/miniprogram-2/pages/index/index.js

@@ -64,10 +64,53 @@ Page({
       userInfo: e.detail.userInfo,
       hasUserInfo: true
     })
+  },
+  handleImageTap: function(e) {
+    const index = e.currentTarget.dataset.index; // 获取当前点击的图片的位置
+    const isSelected = this.data['isSelected' + index]; // 获取当前点击的图片的选中状态
+    let newData = {}; // 定义一个新的数据对象
+    if (isSelected) {
+      newData['isSelected' + index] = false; // 如果当前图片已经被选中，就将它的选中状态设置为 false
+    } else {
+      for (let i = 1; i <= 3; i++) {
+        if (i !== index && this.data['isSelected' + i]) { // 如果有其他图片被选中，则将它的选中状态还原
+          newData['isSelected' + i] = false;
+            wx.navigateTo({
+              url: '../match/match'
+            })
+        }
+      }
+      newData['isSelected' + index] = true; // 将当前点击的图片的选中状态设置为 true
+    }
+    this.setData(newData); // 使用 setData 方法更新页面数据
+    // wx.navigateTo({
+    //   url: '../match/match'
+    // })
+  },
+  
+  
+  onLoad(options) {
+  
+        this.setData({
+            imageUrl1: '../images/main.jpg',
+            selectedImageUrl1: '../images/main.jpg',
+            imageUrl2: '../images/match.jpg',
+            selectedImageUrl2: '../images/match.jpg',
+            imageUrl3: '../images/history.jpg',
+            selectedImageUrl3: '../images/history.jpg',
+            imageUrl4: '../images/recom.jpg',
+            selectedImageUrl4: '../images/recom.jpg',
+          })     
   }
 })
 
 
+
+
+//也可以设置在onShow()
+
+
+
 // Page({
 //   /**
 //    * 页面的初始数据

src/miniprogram-2/pages/index/index.wxml

@@ -20,6 +20,31 @@
   <view class="usermotto">
     <text class="user-motto">{{motto}}</text>
   </view>
+
+<!-- 下菜单 -->
+  <view class="menu">
+    <view class="menu-item" bindtap="goindex">
+        <image src="{{isSelected1 ? selectedImageUrl1 : imageUrl1}}" bindtap="handleImageTap" data-index="1" data-selected="{{isSelected1}}"  />
+
+        <text>首页</text>
+    </view>
+    <view class="menu-item">
+        <image src="{{isSelected2 ? selectedImageUrl2 : imageUrl2}}" bindtap="handleImageTap" data-index="2" data-selected="{{isSelected2}}" />
+
+        <text>匹配</text>
+    </view>
+    <view class="menu-item">
+        <image src="{{isSelected3 ? selectedImageUrl3 : imageUrl3}}" bindtap="handleImageTap" data-index="3" data-selected="{{isSelected3}}" />
+        <text>历史</text>
+    </view>
+    <view class="menu-item">
+        <image src="{{isSelected4 ? selectedImageUrl4 : imageUrl4}}" bindtap="handleImageTap" data-index="4" data-selected="{{isSelected4}}" />
+        <text>推荐</text>
+    </view>
+</view>
+
+
+
   <view class="navi">
 		<view>
 			<navigator url="../main/main"><text>首页</text></navigator>

src/miniprogram-2/pages/index/index.wxss

@@ -42,21 +42,10 @@
 }
  
 .vv_1{
- 
   line-height: 100rpx;
- 
   background-color: #ffffff;
- 
   display: flex;
- 
- 
- 
 }
- 
- 
- 
- 
- 
 .vv{
  
   background-color: #ebebeb;
@@ -131,8 +120,41 @@
  
   padding-left: 30rpx;
  
-  width: 50rpx;
+  width: 70rpx;
  
   height: 50rpx;
  
 }
+
+
+
+.menu{
+  width: 100%;
+  height: 140rpx;
+  background-color: #e0a981;
+  border-top-left-radius: 70rpx;
+  border-top-right-radius: 70rpx;
+  box-shadow: 0px -2px 10px 4px rgba(0, 0, 0,0.05);
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  position: fixed;
+  bottom: 0;
+}
+.menu-item{
+  display: flex;
+  flex-direction: column;
+  font-size: 10px;
+  text-align: center;
+  counter-reset: #b2b3b6;
+  align-items: center;
+
+}
+
+.menu-item image{
+
+width: 50rpx;
+height: 50rpx;
+margin-bottom: 10rpx;
+
+}

src/miniprogram-2/pages/recommend/rec1.wxml

@@ -2,6 +2,7 @@
 <view class="container">
 	<view class="rec1">
 		<image src="{{r11}}"/>
+		<image src="" style="height:100%" mode="widthFix"></image>
 		<text>今天是一期早八通勤眼妆教程～
 3ce新品的这两盘好甜美夏日呀！！温柔低饱和的调调
 日常不出错的配色，新手友友也可以轻松驾驭

src/miniprogram-2/pages/recommend/rec2.js

@@ -0,0 +1,66 @@
+// pages/recommend/rec2.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    r21:"../images/recom_1_2.jpg"
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

src/miniprogram-2/pages/recommend/rec2.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

src/miniprogram-2/pages/recommend/rec2.wxml

@@ -0,0 +1,15 @@
+<!--pages/recommend/rec2.wxml-->
+<view class="container">
+	<view class="rec2">
+		<image src="{{r21}}" style="height:100%" mode="widthFix"></image>
+
+
+		<text>妆容小tips</text>
+<text>1、眼妆部分整体是裸棕大地色系的，先用浅灰色0大地，上眼消肿。再用橘棕色贴着睫毛根加深上眼脸。
+2、用刀锋刷沾取眼影画眼线，降低眼线存在感同时修饰眼型。
+橘粉底色的珠光色，用手指沾取，点涂在上眼
+脸中间。
+3、腮红用点彩刷沾取第三排中间的颜色，点涂在面中，余粉带过皇头
+4、口红只涂在上下唇内侧，用晕染刷晕染边缘再加深一遍重复晕染，唇峰点上口红用手指晕开！</text>
+	</view>
+</view>

src/miniprogram-2/pages/recommend/rec2.wxss

@@ -0,0 +1 @@
+/* pages/recommend/rec2.wxss */

src/miniprogram-2/pages/recommend/rec3.js

@@ -0,0 +1,66 @@
+// pages/recommend/rec3.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    r31:"../images/recom_1_3.jpg"
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

src/miniprogram-2/pages/recommend/rec3.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

src/miniprogram-2/pages/recommend/rec3.wxml

@@ -0,0 +1,10 @@
+<!--pages/recommend/rec3.wxml-->
+<view class="container">
+	<view class="rec3">
+		<image src="{{r31}}"/>
+		<image src="" style="height:100%" mode="widthFix"></image>
+		<text>妆容小tips
+1、唇妆涂的是TF黑金唇镜 22朝露，薄涂是很纯欲的樱花粉，厚涂是气质的玫瑰色。上嘴甜味氛围感拉满，很适合搭配白开水伪素颜淡妆。
+2、妆容统一杏粉色调，眼妆用消肿色简单带过，点彩刷沾取暖调粉色腮红，在面中大面积铺色打造白里透红的妆效</text>
+	</view>
+</view>

src/miniprogram-2/pages/recommend/rec3.wxss

@@ -0,0 +1 @@
+/* pages/recommend/rec3.wxss */

src/miniprogram-2/pages/recommend/recommend.js

@@ -5,13 +5,35 @@ Page({
    * 页面的初始数据
    */
   data: {
-    rm1:"../images/rec_main_1.jpg"
+    rm4:"../images/rec_main_4.jpg",
+    rm5:"../images/rec_main_5.jpg",
+    indicatorDots: true,
+    autoplay: true,
+    interval: 5000,
+    duration: 2000,
+    imgUrls: [
+       '../images/rec_main_1.jpg',
+       '../images/rec_main_2.jpg',
+       '../images/rec_main_3.jpg'
+       
+     ]
+    
   },
   bindrec1ViewTap(){
     wx.navigateTo({
       url:'/pages/recommend/rec1'
     })
   },
+  bindrec2ViewTap(){
+    wx.navigateTo({
+      url:'/pages/recommend/rec2'
+    })
+  },
+  bindrec3ViewTap(){
+    wx.navigateTo({
+      url:'/pages/recommend/rec3'
+    })
+  },
   bindmaiViewTap() {
     wx.navigateTo({
       url: '../main/main'

src/miniprogram-2/pages/recommend/recommend.wxml

@@ -1,8 +1,24 @@
 <!--pages/recommend/recommend.wxml-->
 <view class="container">
 	<view class="rec_main">
-			<view class="rec_main_1">
-				<image bindtap="bindrec1ViewTap" src="{{rm1}} "/>
+		<swiper indicator-dots="{{indicatorDots}}"
+    autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
+			<block wx:for="{{imgUrls}}">
+				<swiper-item>
+					<image bindtap="bindrec1ViewTap" src="{{item}}" class="slide-image" />
+				</swiper-item>
+			</block>
+		</swiper>
+		<view>
+			<text>推荐页面</text>
+		</view>
+			<view class="rec_main_4">
+				<image bindtap="bindrec2ViewTap" src="{{rm4}} "/>
+				<image src="" style="height:100%"mode="widthFix"></image>
+			</view>
+			<view class="rec_main_5">
+				<image bindtap="bindrec3ViewTap" src="{{rm5}}"/>
+				<image src="" style="height:100%"mode="widthFix"></image>
 			</view>
 	</view>
 	<view class="rec_navi">

src/miniprogram-2/pages/recommend/recommend.wxss

@@ -1 +1,5 @@
 /* pages/recommend/recommend.wxss */
+swiper{
+  width: 100%;
+  height: calc(100vw*9/16);
+ }

src/miniprogram-2/project.config.json

@@ -38,7 +38,8 @@
       "ignore": [],
       "disablePlugins": [],
       "outputPath": ""
-    }
+    },
+    "condition": false
   },
   "compileType": "miniprogram",
   "libVersion": "2.19.4",

src/miniprogram-2/project.private.config.json

@@ -1,6 +1,6 @@
 {
   "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
-  "projectname": "BeautyApplet",
+  "projectname": "miniprogram-2",
   "setting": {
     "compileHotReLoad": true
   }