init: 初始化表格列表和详情

app.js

@@ -1,8 +1,8 @@
 import updateManager from './common/updateManager';
 
-// export const ServerBasePath = 'http://localhost:8888/api/';
+export const ServerBasePath = 'http://localhost:8888/api/';
 // export const ServerBasePath = 'http://192.168.1.102:8888/api/';
-export const ServerBasePath = 'http://emo-api.aerwen.net/api/';
+// export const ServerBasePath = 'http://emo-api.aerwen.net/api/';
 
 App({
   onLaunch: function () {},

app.json

@@ -2,6 +2,7 @@
   "pages": [
     "pages/home/home",
     "pages/home/search/index",
+    "pages/table-data/index",
     "pages/login/login",
     "pages/login/authorize-avatar-name/index",
     "pages/login/phone-register/index",

pages/home/home.js

@@ -114,7 +114,7 @@ Page({
     getEmoticonDataList(params).then((res) => {
       if (res.code == 200) {
         this.page.num++;
-        
+
         this.setData({
           lastUpdatedList: this.data.lastUpdatedList.concat(res.data.result),
           loadMoreStatus: 0
@@ -156,4 +156,14 @@ Page({
     }
   },
 
+  gotoDetail(e) {
+    const {
+      dataset
+    } = e.currentTarget;
+    const id = dataset?.value;
+    wx.navigateTo({
+      url: `/pages/table-data/index?id=${id}`,
+    });
+  }
+
 });

pages/home/home.json

@@ -15,6 +15,10 @@
     "t-tabs": "tdesign-miniprogram/tabs/tabs",
     "t-tab-panel": "tdesign-miniprogram/tab-panel/tab-panel",
     "load-more": "/components/load-more/index",
-    "t-notice-bar": "tdesign-miniprogram/notice-bar/notice-bar"
+    "t-notice-bar": "tdesign-miniprogram/notice-bar/notice-bar",
+    "t-tag": "tdesign-miniprogram/tag/tag",
+    "price": "/components/price/index",
+    "t-button": "tdesign-miniprogram/button/button",
+    "van-button": "@vant/weapp/button/index"
   }
 }

pages/home/home.wxml

@@ -27,7 +27,7 @@
       <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" />
     </t-search>
     <!-- 热门搜索 -->
-    <view class="popular-wrap">
+    <!-- <view class="popular-wrap">
       <view class="search-content" wx:if="{{popularWords.length > 0}}">
         <view class="search-item" hover-class="hover-history-item" wx:for="{{popularWords}}" data-value="{{item.title}}" bind:tap="handleRecTap" data-index="{{index}}" wx:key="*this">
           {{item.title}}
@@ -36,11 +36,37 @@
       <view wx:else class="search-item">
         暂无数据
       </view>
-    </view>
+    </view> -->
   </view>
 </view>
 
 <view class="home-page-container">
 
+  <!-- 列表渲染 -->
+  <view class="table-data-list-box">
+
+    <view class="table-data-list-item-box" bind:tap="gotoDetail">
+      <view class="table-data-list-item">
+        <view class="title w1">渤银理财理财分销对接代销系统采购项目</view>
+        <view class="price-box">
+          <view class="price-title">中标价格：</view>
+          <price wx:if="true" priceUnit="yuan" wr-class="price-class" symbol="" price="99" fill="true" decimalSmaller />
+          <view wx:else class="price-class">价格待定</view>
+        </view>
+        <view class="time-box">
+          <view class="time-text">2023-11-18</view>
+          <view class="time-line"> - </view>
+          <view class="time-text">2023-12-20</view>
+        </view>
+        <view class="tag-box">
+          <t-tag class="tag" variant="light">房产</t-tag>
+        </view>
+        <van-button wx:if="true" class="btn" type="info" round block>我感兴趣</van-button>
+      </view>
+    </view>
+
+  </view>
+
 </view>
+
 <t-toast id="t-toast" />

pages/home/home.wxss

@@ -163,3 +163,67 @@ page {
   left: 3rpx;
   box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1) inset;
 }
+
+
+/* 表格数据 */
+.table-data-list-box{
+  padding: 40rpx 0;
+}
+
+.table-data-list-item-box{
+  width: 100%;
+  background-color: white;
+  border-radius: 20rpx;
+  padding-top: 30rpx;
+  padding-bottom: 20rpx;
+}
+
+.table-data-list-item{
+  margin-left: 40rpx;
+  margin-right: 20rpx;
+}
+
+.table-data-list-item .title{
+  font-size: 30rpx;
+  letter-spacing: 1rpx;
+  margin-bottom: 10rpx;
+}
+
+.table-data-list-item .tag-box{
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 15rpx;
+}
+
+.table-data-list-item .tag{
+  font-size: 28rpx !important;
+  margin-right: 10rpx;
+  margin-bottom: 10rpx;
+}
+
+.table-data-list-item .price-box{
+  display: flex;
+  margin: 15rpx 0;
+}
+
+.table-data-list-item .price-box .price-title{
+  font-size: 29rpx;
+  font-weight: bold;
+}
+
+.time-box{
+  display: flex;
+  margin: 15rpx 0;
+  color: grey;
+}
+
+.time-box .time-text{
+  font-size: 29rpx;
+}
+
+.time-box .time-line{
+  margin: 0 10rpx;
+}
+
+.table-data-list-item .btn{
+}

pages/login/login.wxml

@@ -12,8 +12,8 @@
     <view class="login-box">
       <view class="login-btn-box">
         <van-button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" icon="wechat" type="primary" size="large" custom-style="font-size: 31rpx;font-weight: bold;" round block>微信一键登录</van-button>
-        <!-- <view class="mb-30"></view>
+        <view class="mb-30"></view>
-        <van-button icon="phone" color="#eff0f1" size="large" custom-style="font-size: 31rpx;color: #999999;font-weight: bold;" round block bind:click="gotoPhoneRegister">手机号登录/注册</van-button> -->
+        <van-button icon="phone" color="#eff0f1" size="large" custom-style="font-size: 31rpx;color: #999999;font-weight: bold;" round block bind:click="gotoPhoneRegister">用户名密码登录</van-button>
       </view>
 
       <!-- <view class="agree-box">

pages/login/phone-register/index.wxml

@@ -7,8 +7,8 @@
     <view class="logo-img-box">
       <image class="logo-img" src="{{logoImg}}" mode="heightFix" />
     </view>
-    <view class="logo-title">阿尔文电商</view>
+    <view class="logo-title">KY1Road标讯</view>
-    <view class="logo-text">一家有感情的电商模板</view>
+    <view class="logo-text">提供最新的标讯</view>
   </view>
 
 
@@ -27,20 +27,20 @@
 
     <!-- 验证码 -->
     <t-input
-      placeholder="请输入验证码"
+      placeholder="请输入密码"
       value="{{verifyCode}}"
       borderless="{{true}}"
       style="border-radius: 100rpx; background-color: #f3f4f6; height: 50rpx;"
     >
-      <view slot="suffix" style="display: flex; align-items: center">
+      <!-- <view slot="suffix" style="display: flex; align-items: center">
         <view class="suffix--line"></view>
         <van-button size="small" round type="info" bind:click="send">发送验证码</van-button>
-      </view>
+      </view> -->
     </t-input>
 
     <!-- 提交按钮 -->
     <view class="submit-btn">
-      <van-button type="info" size="large" round block>登录/注册</van-button>
+      <van-button type="info" size="large" round block>登录</van-button>
     </view>
 
     </view>

pages/table-data/index.js

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

pages/table-data/index.json

@@ -0,0 +1,8 @@
+{
+  "navigationBarTitleText": "详情",
+  "navigationBarBackgroundColor": "#F6F7F8",
+  "usingComponents": {
+    "t-cell": "tdesign-miniprogram/cell/cell",
+    "price": "/components/price/index"
+  }
+}

pages/table-data/index.wxml

@@ -0,0 +1,23 @@
+<view class="table-data-page">
+  <view class="table-data-container">
+
+    <!-- 标题 -->
+    <view class="title-box">
+      <view class="title">渤银理财理财分销对接代销系统采购项目</view>
+      <view class="price-box">
+        <price wx:if="true" priceUnit="yuan" wr-class="price-class" symbol="" price="99" fill="true" decimalSmaller />
+        <view wx:else class="price-class black">价格待定</view>
+      </view>
+    </view>
+
+
+    <!-- 详情单元格 -->
+    <view class="detail-box">
+      <view class="detail-margin-box">
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="单行标题" note="辅助信息" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="单行标题" note="辅助信息" />
+      </view>
+    </view>
+
+  </view>
+</view>

pages/table-data/index.wxss

@@ -0,0 +1,43 @@
+/* pages/table-data/index.wxss */
+
+.table-data-page{
+  width: 100%;
+  background-color: #F6F7F8;
+  padding: 50rpx 0;
+}
+
+.table-data-container{
+  width: 90%;
+  margin: 0 auto;
+}
+
+.title-box .title{
+  font-size: 35rpx;
+  letter-spacing: 1rpx;
+  font-weight: bold;
+}
+
+.price-box{
+  margin-top: 30rpx;
+}
+
+.detail-box{
+  width: 100%;
+  margin-top: 50rpx;
+  /* padding: 20rpx 0; */
+  background-color: white;
+  box-shadow:#EDEEEF 10px 10px 10px;
+}
+
+.detail-margin-box{
+  /* margin: 0 10rpx; */
+}
+
+.cell-class{
+  font-size: 29rpx !important;
+  color: #989292 !important;
+}
+
+.node-class{
+  color: #000 !important;
+}

project.config.json

@@ -48,7 +48,7 @@
   },
   "compileType": "miniprogram",
   "libVersion": "2.23.1",
-  "appid": "wxcdeaf70fb4239637",
+  "appid": "wxb9b9846ca6ad841b",
   "projectname": "tdesign-miniprogram-starter-retail",
   "simulatorType": "wechat",
   "simulatorPluginLibVersion": {},

style/theme.wxss

@@ -75,4 +75,35 @@
 
 .mb-30 {
   margin-bottom: 30rpx;
+}
+
+.w1{
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  white-space: normal !important;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+
+.w2{
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  white-space: normal !important;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.price-class {
+  color: #FA4126 !important;
+  font-size: 35rpx;
+  font-weight: bold;
+}
+
+.black{
+  color: #000 !important;
+  font-weight: normal !important;
 }