This commit is contained in:
THK3121 2023-09-13 16:38:50 +08:00
parent d6ed529c56
commit 81f60ba8a1
2 changed files with 153 additions and 126 deletions

View File

@ -27,14 +27,19 @@
</view>
</view>
<view class='mask' catchtouchmove="true" :hidden='popup.show==false' @tap="closePopup"></view>
<view class='mask' style="height: 100vh;" catchtouchmove="true" :hidden='popup.show==false' @tap="closePopup">
</view>
</view>
</template>
<script>
import { goShopDetail } from '@/libs/order.js'
import { mapGetters } from "vuex";
import {
goShopDetail
} from '@/libs/order.js'
import {
mapGetters
} from "vuex";
export default {
computed: {
...mapGetters(['viewColor']),
@ -63,6 +68,7 @@
//
closePopup() {
this.$set(this.popup, 'show', false);
this.$emit("closes")
},
showPopup() {
this.$set(this.popup, 'show', true);
@ -105,16 +111,20 @@
transform: translate3d(0, 100%, 0);
transition: all .3s cubic-bezier(.25, .5, .5, .9);
max-height: 1000rpx;
&.on {
transform: translate3d(0, 0, 0);
}
.header {
position: relative;
padding: 40rpx 30rpx;
.title {
color: #282828;
font-size: 30rpx;
}
.iconfont {
color: #8A8A8A;
font-size: 28rpx;
@ -122,6 +132,7 @@
top: 0;
right: 0;
}
.icon-guanbi5 {
right: 20rpx;
color: #8a8a8a;
@ -132,37 +143,48 @@
font-weight: normal;
}
}
scroll-view {
max-height: 800rpx;
}
.main_count {
padding: 0 30rpx 30rpx;
max-height: 800rpx;
overflow-y: scroll;
/* #ifndef MP */
&.mb90 {
margin-bottom: 90rpx;
}
/* #endif */
.list {
margin-bottom: 40rpx;
height: auto;
flex-direction: row;
&:last-child {
margin-bottom: 0;
}
}
.pro_list {
display: flex;
flex-direction: row;
.picture,.image,uni-image{
.picture,
.image,
uni-image {
width: 200rpx;
height: 200rpx;
border-radius: 16rpx;
}
.info {
margin-left: 30rpx;
position: relative;
.bottom {
display: flex;
justify-content: space-between;
@ -173,6 +195,7 @@
bottom: 10rpx;
flex-direction: row;
}
.name {
color: #282828;
font-size: 30rpx;
@ -180,22 +203,25 @@
display: -webkit-box;
width: 460rpx;
}
.price {
color: var(--view-priceColor);
font-size: 26rpx;
font-weight: bold;
flex-direction: row;
align-items: flex-end;
text {
font-size: 34rpx;
}
}
.buy-btn {
color: #fff;
background: var(--view-theme);
border-radius: 26rpx;
width: 140rpx;
height: 48rpx;
border-radius: 28.04rpx 28.04rpx 28.04rpx 28.04rpx;
width: 154.21rpx;
height: 57.83rpx;
display: flex;
align-items: center;
justify-content: center;

View File

@ -56,8 +56,7 @@
videoContext: ''
};
},
created() {
},
created() {},
watch: {
},
@ -102,13 +101,15 @@
height: 710rpx;
position: relative;
}
.product-bg swiper {
width: 100%;
height: 100%;
position: relative;
}
.product-bg .slide-image {
width: 100%;
width: 100vw;
height: 100%;
border-radius: 16rpx;
}