first commit

pages/cart/index.js

@@ -0,0 +1,71 @@
+// pages/cart/index.js
+Page({
+  /**
+   * 页面的初始数据
+   */
+  data: {
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+    if (typeof this.getTabBar === 'function' && this.getTabBar()) {
+      this.getTabBar().init();
+    }
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  },
+
+  // 跳转到预约页面
+  goToAppointment() {
+    wx.navigateTo({
+      url: '/pages/appointment/index'
+    });
+  }
+})

pages/cart/index.json

@@ -0,0 +1,7 @@
+{
+  "usingComponents": {
+    "t-button": "tdesign-miniprogram/button/button",
+    "t-icon": "tdesign-miniprogram/icon/icon",
+    "navigation-bar": "/components/navigation-bar/navigation-bar"
+  }
+}

pages/cart/index.wxml

@@ -0,0 +1,11 @@
+<!--pages/cart/index.wxml-->
+<navigation-bar title="预约服务" back="{{false}}" color="black" background="#FFF"></navigation-bar>
+
+<view class="appointment-redirect">
+  <view class="redirect-content">
+    <t-icon name="calendar" size="160rpx" color="#FF5F15" />
+    <view class="redirect-title">美容服务预约</view>
+    <view class="redirect-desc">在这里您可以预约我们的美容服务</view>
+    <t-button theme="primary" size="large" bindtap="goToAppointment">立即预约</t-button>
+  </view>
+</view>

pages/cart/index.wxss

@@ -0,0 +1,30 @@
+/* pages/cart/index.wxss */
+.appointment-redirect {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  padding: 0 40rpx;
+}
+
+.redirect-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+
+.redirect-title {
+  font-size: 40rpx;
+  font-weight: bold;
+  margin: 30rpx 0 20rpx;
+  color: #333;
+}
+
+.redirect-desc {
+  font-size: 28rpx;
+  color: #666;
+  margin-bottom: 60rpx;
+  text-align: center;
+}