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

1

master
tianyi 3 weeks ago
parent
93306b2fba
commit
7ac94e7dcb
2 changed files with 258 additions and 41 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      package2/IdleTrad/chat.vue
  2. 233
      package2/IdleTrad/detail.vue

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 class="b-1"></view>
</view> </view>
</view> </view>
<view class="bottom"> <view class="bottom-box">
<view class="b-2"> <view class="b-2">
<view class="b-3"> <view class="b-3">
<uni-icons type="chat" size="25"></uni-icons> <uni-icons type="chat" size="25"></uni-icons>
@ -153,14 +153,112 @@
</view> </view>
</view> </view>
<view class="b-3"> <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>
<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>聊一聊 <uni-icons type="chatboxes"></uni-icons>聊一聊
</view> </view>
</view> </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> </view>
</template> </template>
@ -193,15 +291,20 @@
this.getCategory(this.shopItem.id); this.getCategory(this.shopItem.id);
this.getProduct(''); this.getProduct('');
}, },
onPageScroll(e) { // onPageScroll(e) {
this.lastScrollTop = e.scrollTop; // this.lastScrollTop = e.scrollTop;
// 节流：80ms 内不重复检测，避免频繁的 selectorQuery // // 节流：80ms 内不重复检测，避免频繁的 selectorQuery
const now = Date.now(); // const now = Date.now();
if (now - this._lastDetectTs < 80) return; // if (now - this._lastDetectTs < 80) return;
this._lastDetectTs = now; // this._lastDetectTs = now;
this.detectCurrentCategory(); // this.detectCurrentCategory();
}, // },
methods: { methods: {
goChat(){
uni.navigateTo({
url:'/package2/IdleTrad/chat'
})
},
back() { back() {
const pages = getCurrentPages(); const pages = getCurrentPages();
if (pages.length > 1) { if (pages.length > 1) {
@ -413,6 +516,7 @@
width: 24px; width: 24px;
height: 24px; height: 24px;
} }
.p-5 img { .p-5 img {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -449,11 +553,13 @@
width: 35px; width: 35px;
text-align: center; text-align: center;
} }
.b-1 { .b-1 {
width: 100%; width: 100%;
height: 100px; height: 100px;
} }
.bottom{
.bottom-box {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
background: #fff; background: #fff;
@ -463,16 +569,19 @@
padding: 10px; padding: 10px;
border-top: 1px solid #eee; border-top: 1px solid #eee;
} }
.b-2 { .b-2 {
width: 25px; width: 25px;
height: 40px; height: 40px;
margin-right: 30px; margin-right: 30px;
text-align: center; text-align: center;
} }
.b-3 { .b-3 {
flex: 1; flex: 1;
display: flex; display: flex;
} }
.b-4 { .b-4 {
flex: 1; flex: 1;
text-align: center; text-align: center;
@ -483,4 +592,104 @@
border-radius: 35px; border-radius: 35px;
margin: 0 5px; 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> </style>
Write Preview
Loading…
Cancel
Save