weChat/key1_beacon_xcx
1
0
Fork 0
generated from weChat/xcx_temp
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Abbh1 2023-11-20 21:49:46 +08:00
parent 1afbd62391
commit f43c3b3e54
14 changed files with 291 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app.js
View File

@ -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 () {},

1
app.json
View File

@ -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",

10
pages/home/home.js
View File

@ -156,4 +156,14 @@ Page({
}
},
gotoDetail(e) {
const {
dataset
} = e.currentTarget;
const id = dataset?.value;
wx.navigateTo({
url: `/pages/table-data/index?id=${id}`,
});
}
});

6
pages/home/home.json
View File

@ -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"
}
}

30
pages/home/home.wxml
View File

@ -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" />

64
pages/home/home.wxss
View File

@ -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{
}

4
pages/login/login.wxml
View File

@ -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>
<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 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>
</view>
<!-- <view class="agree-box">

12
pages/login/phone-register/index.wxml
View File

@ -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-text">一家有感情的电商模板</view>
<view class="logo-title">KY1Road标讯</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>

66
pages/table-data/index.js Normal file
View File

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

8
pages/table-data/index.json Normal file
View File

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

23
pages/table-data/index.wxml Normal file
View File

@ -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>

43
pages/table-data/index.wxss Normal file
View File

@ -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;
}

2
project.config.json
View File

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

31
style/theme.wxss
View File

@ -76,3 +76,34 @@
.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;
}