root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'master' of http://8.140.253.224:3000/root/school_uni

master
wangfukang 3 weeks ago
parent
717974b0e0 2aea94200e
commit
3f32e74adc
4 changed files with 419 additions and 53 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 143
      components/tab-bar/postList.vue
  2. 8
      package2/IdleTrad/chat.vue
  3. 233
      package2/IdleTrad/detail.vue
  4. 12
      pages.json

143
components/tab-bar/postList.vue
View File

@ -55,9 +55,36 @@
</view>
</view>
<view class="huodong">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/bc6b887514a5469a938cdd0001e841c2.png" alt="" style="margin-right: 5px;" />
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/90a37f3f8a204d7eaa8ea2d3293e1086.png" alt="" style="margin-left: 5px;" />
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/bc6b887514a5469a938cdd0001e841c2.png" alt=""
style="margin-right: 5px;" />
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/90a37f3f8a204d7eaa8ea2d3293e1086.png" alt=""
style="margin-left: 5px;" />
</view>
<view style="display: flex;flex-wrap: wrap;">
<view class="c-1" @tap="goDetail(item)" v-for="(item,index) in goodsList" :key="index">
<view class="c-2">
<img :src="item.pic" alt="">
</view>
<view class="c-3">
{{item.text}}
</view>
<view class="c-4">
<view class="c-5">
￥{{item.price}}
</view>
<view class="c-6">
{{item.xiangyao}}人想要
</view>
</view>
<view class="c-7">
<img :src="item.icon" alt="" />
<view class="c-8">
AAA二手数码
</view>
</view>
</view>
</view>
<view style="width: 100%;height: 100px;"></view>
</view>
</template>
@ -65,6 +92,42 @@
export default {
data() {
return {
goodsList: [{
pic: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/9362dfb66c0f426789584cabb3977ccc.png',
text: 'LG27寸显示屏，带底座，屏幕显示正常',
price: 100,
xiangyao: 12,
icon: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png',
shopName: 'AAA二手数码'
}, {
pic: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/9362dfb66c0f426789584cabb3977ccc.png',
text: 'LG27寸显示屏，带底座，屏幕显示正常',
price: 100,
xiangyao: 12,
icon: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png',
shopName: 'AAA二手数码'
}, {
pic: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/9362dfb66c0f426789584cabb3977ccc.png',
text: 'LG27寸显示屏，带底座，屏幕显示正常',
price: 100,
xiangyao: 12,
icon: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png',
shopName: 'AAA二手数码'
}, {
pic: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/9362dfb66c0f426789584cabb3977ccc.png',
text: 'LG27寸显示屏，带底座，屏幕显示正常',
price: 100,
xiangyao: 12,
icon: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png',
shopName: 'AAA二手数码'
}, {
pic: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/9362dfb66c0f426789584cabb3977ccc.png',
text: 'LG27寸显示屏，带底座，屏幕显示正常',
price: 100,
xiangyao: 12,
icon: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png',
shopName: 'AAA二手数码'
}],
shopList: [{
shopName: '高徒课堂',
img: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/6c4ab92a43c842d8bb22035bce1f65cc.png'
@ -162,6 +225,11 @@
this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
this.$forceUpdate()
},
goDetail(item){
uni.navigateTo({
url:'/package2/IdleTrad/detail'
})
},
checkTab(index) {
this.tabIndex = index
},
@ -183,7 +251,6 @@
.page1 {
width: 100%;
height: 100%;
font-size: 24rpx;
position: relative;
display: flex;
@ -313,6 +380,7 @@
width: 50px;
text-align: center;
margin-right: 18px;
img {
width: 50px;
height: 50px;
@ -325,14 +393,83 @@
line-height: 20px;
font-weight: 600;
}
.huodong {
padding: 0 12px;
display: flex;
height: 85px;
margin-top: 12px;
img {
height: 85px;
flex: 1;
}
}
.c-1 {
background: #fff;
width: 170px;
margin-left: 12px;
margin-top: 10px;
border-radius: 10px;
height: 290px;
}
.c-2 {
background: #fff;
width: 170px;
height: 170px;
img {
width: 100%;
height: 100%;
background-size: 100%;
border-radius: 10px;
}
}
.c-3 {
background: #fff;
font-size: 14px;
font-weight: 700;
padding: 5px;
}
.c-4 {
display: flex;
padding: 0 5px;
height: 20px;
line-height: 20px;
margin-top: 10px;
}
.c-5 {
flex: 1;
font-size: 18px;
color: red;
font-weight: 700;
}
.c-6 {
color: rgba(0, 35, 28, 0.6);
}
.c-7 {
height: 24px;
line-height: 24px;
display: flex;
margin-top: 10px;
padding:0 5px;
img {
width: 24px;
height: 24px;
background-size: 100%;
border-radius: 24px;
}
}
.c-8 {
padding-left: 10px;
color: rgba(0, 35, 28, 0.6)
}
</style>

8
package2/IdleTrad/chat.vue
View File

@ -0,0 +1,8 @@
<template>
</template>
<script>
</script>
<style>
</style>

233
package2/IdleTrad/detail.vue
View File

@ -133,7 +133,7 @@
<view class="b-1"></view>
</view>
</view>
<view class="bottom">
<view class="bottom-box">
<view class="b-2">
<view class="b-3">
<uni-icons type="chat" size="25"></uni-icons>
@ -153,14 +153,112 @@
</view>
</view>
<view class="b-3">
<view class="b-4" style="color: rgba(166, 255, 234, 1);">
<view class="b-4" @tap="$refs.buyPopup.open('bottom')" style="color: rgba(166, 255, 234, 1);">
立即购买
</view>
<view class="b-4" style="background: linear-gradient(90deg, #e3ff96, #a6ffea);">
<view class="b-4" @tap="goChat" style="background: linear-gradient(90deg, #e3ff96, #a6ffea);">
<uni-icons type="chatboxes"></uni-icons>聊一聊
</view>
</view>
</view>
<uni-popup ref="buyPopup" background-color="#fff">
<view class="buy-content">
<view class="buy1">
<view class="buy2">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/62c9aa038b2541ad9c400a76ddae7ef8.png"
alt="" />
</view>
<view class="buy3">
<view class="buy4">
给钱就出，二手电竞桌（电脑桌）快速发货…
</view>
<view class="buy5">
￥33.6
</view>
</view>
</view>
<view class="buy6">
<view class="buy7">
颜色
</view>
<view class="buy8">
<view class="buy9">
白色
</view>
<view class="buy9">
白色
</view>
<view class="buy9">
白色
</view>
<view class="buy9">
白色
</view>
<view class="buy9">
白色
</view>
</view>
</view>
<view class="buy6">
<view class="buy7">
大小
</view>
<view class="buy8">
<view class="buy9">
XL码
</view>
<view class="buy9">
XL码
</view>
<view class="buy9">
XL码
</view>
<view class="buy9">
XL码
</view>
<view class="buy9">
XL码
</view>
</view>
</view>
<view class="box1" style="display: flex;padding: 40rpx;">
<view style="flex: 1;">
<view style="height: 42rpx;line-height: 42rpx;display: flex;">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/ea48a4ac01ae420082138b8c5f5b9560.png"
alt="" style="width: 42rpx;height: 42rpx;margin-right: 20rpx;" />
<text style="font-size: 30rpx;font-weight: 700;">西校区1号宿舍楼610</text>
</view>
<view style="margin-left: 60rpx;color: #777;">
刘六六 18827382918
</view>
</view>
<view style="width: 36rpx;padding-top: 20rpx;">
<uni-icons type="right"></uni-icons>
</view>
</view>
<view class="box1" style="display: flex;padding: 40rpx;">
<view style="flex: 1;">
<view style="height: 42rpx;line-height: 42rpx;display: flex;">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4c8e0cc311db4d38ab43e019673c4b8c.png"
alt="" style="width: 42rpx;height: 42rpx;margin-right: 20rpx;" />
<text style="font-size: 30rpx;font-weight: 700;">微信支付</text>
</view>
<view style="text-align: right;margin-left: 60rpx;color: #777;width: 146rpx;">
使用微信支付
</view>
</view>
<view style="width: 36rpx;padding-top: 20rpx;">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/02bff7edc4e04caaa1868955ff684f1f.png"
alt="" style="width: 36rpx;height: 36rpx;" />
</view>
</view>
<view class="popup-bottom-box">
<view class="buy10">
确认购买 ￥35.33
</view>
</view>
</view>
</uni-popup>
</view>
</template>
@ -193,15 +291,20 @@
this.getCategory(this.shopItem.id);
this.getProduct('');
},
onPageScroll(e) {
this.lastScrollTop = e.scrollTop;
// 节流：80ms 内不重复检测，避免频繁的 selectorQuery
const now = Date.now();
if (now - this._lastDetectTs < 80) return;
this._lastDetectTs = now;
this.detectCurrentCategory();
},
// onPageScroll(e) {
// this.lastScrollTop = e.scrollTop;
// // 节流：80ms 内不重复检测，避免频繁的 selectorQuery
// const now = Date.now();
// if (now - this._lastDetectTs < 80) return;
// this._lastDetectTs = now;
// this.detectCurrentCategory();
// },
methods: {
goChat(){
uni.navigateTo({
url:'/package2/IdleTrad/chat'
})
},
back() {
const pages = getCurrentPages();
if (pages.length > 1) {
@ -413,6 +516,7 @@
width: 24px;
height: 24px;
}
.p-5 img {
width: 100%;
height: 100%;
@ -449,11 +553,13 @@
width: 35px;
text-align: center;
}
.b-1 {
width: 100%;
height: 100px;
}
.bottom{
.bottom-box {
position: fixed;
bottom: 0;
background: #fff;
@ -463,16 +569,19 @@
padding: 10px;
border-top: 1px solid #eee;
}
.b-2 {
width: 25px;
height: 40px;
margin-right: 30px;
text-align: center;
}
.b-3 {
flex: 1;
display: flex;
}
.b-4 {
flex: 1;
text-align: center;
@ -483,4 +592,104 @@
border-radius: 35px;
margin: 0 5px;
}
.buy-content {
height: 500px;
width: 100%;
padding: 10px;
}
.vue-ref {
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
}
.buy1 {
display: flex;
}
.buy2 {
width: 84px;
height: 84px;
img {
width: 100%;
height: 100%;
background-size: 100%;
border-radius: 10px;
}
}
.buy3 {
flex: 1;
display: flex;
flex-direction: column;
}
.buy4 {
flex: 1;
font-size: 15px;
font-weight: 700;
padding: 5px 10px;
}
.buy5 {
height: 30px;
line-height: 30px;
font-size: 20px;
padding: 0 10px;
color: red;
font-weight: 700;
}
.box1 {
width: 99%;
margin: 0 auto 22rpx;
background: #f5f5f5;
border: 1px solid rgba(255, 255, 255, 0.86);
border-radius: 32rpx;
padding: 24rpx;
box-sizing: border-box;
overflow: hidden;
}
.buy6{
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.buy7{
width: 100%;
height: 80rpx;
line-height: 40px;
font-size: 14px;
font-weight: 700;
}
.buy8{
display: flex;
flex-wrap: wrap;
}
.buy9{
background: #eee;
padding: 5px 10px;
border-radius: 5px;
opacity: 0.6;
margin-right: 10px;
}
.popup-bottom-box{
background: #fff;
position: fixed;
height: 80px;
width: 94%;
}
.buy10{
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
margin: 10px auto 0;
background: linear-gradient(45deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));
border-radius: 50px;
font-size: 16px;
font-weight: 700;
}
</style>

12
pages.json
View File

@ -217,6 +217,18 @@
"navigationBarTitleText": "拼团页",
"navigationStyle": "custom"
}
},{
"path": "IdleTrad/detail",
"style": {
"navigationBarTitleText": "闲置详情",
"navigationStyle": "custom"
}
},{
"path": "IdleTrad/chat",
"style": {
"navigationBarTitleText": "聊一聊",
"navigationStyle": "custom"
}
},{
"path": "seckill/seckillGroup",
"style": {

Write Preview
Loading…
Cancel
Save