Skip to content

U
uni-pdtravel
Commit 8f10bc98 authored by 潘永坪's avatar 潘永坪
Browse files
Options

弹窗修改

parent c86d9003
Expand all Show whitespace changes
Inline Side-by-side
Showing with 306 additions and 2084 deletions
components/buyKnow.vue
View file @ 8f10bc98
<template>
<u-popup v-model="showPop" mode="bottom" border-radius="14" closeable height="85%">
<u-popup :show="showPop" :round="20" @close="showPop=false">
<view class="son-wrap">
<view class="head">
<view class="head1">
<view style="flex: 1;text-align: center;">
购买须知
</view>
<u-icon name="close" @click="showPop=false"></u-icon>
</view>
<view class="head2">
{{buyKnowData.name}}
</view>
......@@ -12,8 +15,10 @@
<view class="head3">
挂牌价：￥{{buyKnowData.originalPrice}}
</view>
</view>
<view style="flex: 1;overflow-y: scroll;">
<view class="middle">
<view class="middle-list" v-for="(item,a) of buyKnowData.productTitleResVos" :key="a">
<view class="middle-title">
......@@ -46,6 +51,8 @@
</view>
</view>
</view>
</view>
</u-popup>
</template>
......@@ -63,56 +70,53 @@ export default {
</script>
<style scoped="scoped">
.son-wrap{
font-size: 24rpx;
.son-wrap{
position: relative;
}
.head {
padding: 100rpx 24rpx 0 24rpx;
}
.head1{
text-align: center;
height:85vh;
display: flex;
flex-direction:column;
}
.head{
padding: 0 24rpx;
}
.head1{
display: flex;
font-size: 32rpx;
font-weight: bold;
text-align: center;
padding: 30rpx 0;
position:fixed;
top: 0;
width: 100%;
background: #fff;
z-index: 1;
}
.head2{
border-radius: 20rpx 20rpx 0 0;
}
.head2{
font-weight: bolder;
font-size: 32rpx;
line-height: 40rpx;
}
.head3{
}
.head3{
font-size: 28rpx;
margin-top: 20rpx;
color: #666666;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 30rpx;
}
.middle {
}
.middle {
padding-bottom: 100rpx;
font-size: 28rpx;
}
.middle-list {
}
.middle-list {
margin: 30rpx 24rpx;
padding-bottom: 24rpx;
border-bottom: 1px solid #E6E6E6;
}
.middle-title{
}
.middle-title{
font-size: 32rpx;
font-weight: bold;
}
.middle-content {
}
.middle-content {
display: flex;
margin-top: 30rpx;
position: relative;
}
.middle-content>text {
}
.middle-content>text {
color: #666666;
margin-right: 30rpx;
width: 120rpx;
......@@ -123,13 +127,13 @@ export default {
flex-shrink: 0;
font-size: 26rpx;
position: relative;
}
.middle-content view {
}
.middle-content view {
display: flex;
flex-direction: column;
justify-content: center;
}
.bottom {
}
.bottom {
display: flex;
justify-content: space-between;
padding: 0 24rpx;
......@@ -141,24 +145,24 @@ export default {
z-index: 9;
background: #FFFFFF;
box-sizing: border-box;
}
}
.bottom-left{
.bottom-left{
color: #f9690e;
}
}
.bottom-left text {
.bottom-left text {
font-size: 36rpx;
font-weight: bolder;
}
}
.bottom view {
.bottom view {
display: flex;
align-items: center;
}
.btn{
}
.btn{
padding: 16rpx 48rpx;
border-radius: 20rpx;
font-size: 32rpx;
}
}
</style>
components/customer.vue
View file @ 8f10bc98
<template>
<!-- 客服 -->
<u-popup v-model="showPop" mode="bottom" border-radius="14" closeable height="75%">
<u-popup :show="showPop" :round="20" @close="showPop = false">
<view class="son-wrap">
<view class="title">
客服电话
<view style="flex: 1; text-align: center"> 客服电话 </view>
<u-icon name="close" @click="showPop = false"></u-icon>
</view>
<view class="middle">
<view class="list" v-for="(item,index) in scenicList" :key='index' @click="makePhone(item.phone)">
<view class="list" v-for="(item, index) in scenicList" :key="index" @click="makePhone(item.phone)">
<text> {{ item.name }}: </text>
<text>
{{item.name}}:
</text>
<text>
{{item.phone}}
{{ item.phone }}
</text>
</view>
</view>
......@@ -20,50 +19,49 @@
</template>
<script>
export default{
props:['scenicList'],
data(){
return{
showPop:false,//控制弹窗显示隐藏
export default {
props: ['scenicList'],
data() {
return {
showPop: false //控制弹窗显示隐藏
}
},
methods:{
methods: {
//---拨打电话
makePhone(phoneNumber){
makePhone(phoneNumber) {
uni.makePhoneCall({
phoneNumber
})
}
}
}
</script>
<style scoped lang="scss">
.son-wrap{
.son-wrap {
position: relative;
}
.title{
text-align: center;
height: 65vh;
display: flex;
flex-direction: column;
}
.title {
display: flex;
font-size: 32rpx;
font-weight: bold;
padding: 30rpx 0;
position:fixed;
top: 0;
width: 100%;
padding: 30rpx;
background: #fff;
z-index: 1;
}
.middle{
padding-top: 100rpx;
}
.list{
height:100rpx;
border-bottom: 1px solid #E6E6E6;
border-radius: 20rpx 20rpx 0 0;
}
.middle {
flex: 1;
overflow-y: scroll;
}
.list {
height: 100rpx;
border-bottom: 1px solid #e6e6e6;
padding: 0 24rpx;
display: flex;
align-items: center;
justify-content: space-between;
}
}
</style>
components/merchantDetail.vue
View file @ 8f10bc98
<template>
<!-- 商家详情弹窗 -->
<u-popup v-model="showPop" mode="bottom" border-radius="14" closeable height="85%">
<u-popup :show="showPop" :round="20" @close="showPop=false">
<view class="son-wrap">
<view class="head">
<view class="head-name">
{{detailData.name}}
</view>
<view style="padding-top: 100rpx;">
<u-icon name="close" @click="showPop=false"></u-icon>
</view>
<view style="flex: 1;overflow-y: scroll;">
<view>
<u-swiper :list="detailData.imgList" mode="number" height="350" name="url"></u-swiper>
</view>
<view class="middle">
......@@ -91,6 +95,8 @@
</view>
</view>
</view>
</view>
</u-popup>
</template>
......@@ -158,17 +164,22 @@ export default {
<style scoped="scoped" lang="scss">
.son-wrap{
position: relative;
height:80vh;
display: flex;
flex-direction:column;
}
.head{
text-align: center;
display: flex;
font-size: 32rpx;
font-weight: bold;
padding: 30rpx 0;
position:fixed;
top: 0;
width: 100%;
padding: 30rpx;
background: #fff;
z-index: 1;
border-radius: 20rpx 20rpx 0 0;
border-bottom: 1px solid #f5f5f5;
}
.head-name{
flex: 1;
text-align: center;
}
.middle{
padding: 24rpx 24rpx 80rpx 24rpx;
......
components/orderCoupon.vue
View file @ 8f10bc98
<template>
<!----------------适用于订单选择券的时候展示券列表-------------------------->
<u-popup v-model="show" mode="bottom">
<u-popup :show="show" :round="20" closeable @close="show=false">
<view class="title">
<view class="titleContent" v-for="(item,index) of navTitle" :key="index" :class="{on:active==index}" @click="navClick(index)">
<view style="position: relative;top:15rpx;">{{item}}</view>
......
pages/scenic/combinationProduct/combinationProduct.vue
View file @ 8f10bc98
......@@ -53,7 +53,7 @@
</view>
<view class="product-price">
<view style="font-size: 24rpx">
<view style="font-size: 24rpx;display: flex;">
<text class="product-rule" v-if="items.productRefundRuleVo">
<text v-if="items.productRefundRuleVo.refundType == 0">不可退</text>
<text v-if="items.productRefundRuleVo.refundType == 1">规定时间退</text>
......@@ -74,12 +74,12 @@
</label>
<view class="product-more" v-if="index > 0 && item.productList.length > 2">
<view v-if="item.productListCopy.length != item.productList.length" @click="showMoreProduct(item)">
<view style="display: flex;justify-content: center;" v-if="item.productListCopy.length != item.productList.length" @click="showMoreProduct(item)">
更多
<u-icon name="arrow-down"></u-icon>
</view>
<view v-else @click="retractProduct(item)">
<view style="display: flex;justify-content: center;" v-else @click="retractProduct(item)">
收起
<u-icon name="arrow-up"></u-icon>
</view>
......@@ -707,6 +707,7 @@ export default {
.title-right {
color: $grey;
font-size: 24rpx;
display: flex;
}
.product {
padding: 10rpx 16rpx;
......@@ -816,6 +817,7 @@ export default {
.bottom-detail {
position: relative;
text-align: center;
display: flex;
}
.bottom-number {
display: inline-block;
......@@ -862,15 +864,16 @@ export default {
}
}
.album-btn{
display: inline-block;
display: flex;
width: 160rpx;
height: 44rpx;
background: #E1E1D9;
border-radius: 20rpx 20rpx 20rpx 20rpx;
font-size: 22rpx;
color: #333333;
text-align: center;
line-height: 44rpx;
align-items: center;
justify-content: center;
padding-left: 8rpx;
}
.swiper-item /deep/ .u-waterfall{
padding-top:8rpx;
......
pages/scenic/combinationProduct/components/detail.vue
View file @ 8f10bc98
<template>
<!-- 详情 -->
<u-popup v-model="showPop" mode="bottom" border-radius="14" closeable height="75%">
<u-popup :show="showPop" :round="20" @close="showPop = false">
<view class="son-wrap">
<view class="title">
<view style="flex: 1; text-align: center">
明细
</view>
<u-icon name="close" @click="showPop = false"></u-icon>
</view>
<view style="flex: 1;overflow-y: scroll;">
<view class="middle">
<view class="merchantlist" v-for="(item,index) in merchantList" :key="index">
<view class="merchant-title">
......@@ -34,6 +37,8 @@
</view>
</view>
</view>
</view>
</u-popup>
</template>
......@@ -91,21 +96,20 @@ export default {
<style scoped="scoped" lang="scss">
.son-wrap{
position: relative;
height:80vh;
display: flex;
flex-direction:column;
}
.title{
text-align: center;
display: flex;
font-size: 32rpx;
font-weight: bold;
text-align: center;
padding: 30rpx 0;
position:fixed;
top: 0;
width: 100%;
padding: 30rpx;
background: #fff;
z-index: 1;
border-radius: 20rpx 20rpx 0 0;
}
.middle {
padding: 100rpx 24rpx;
padding:0 24rpx 100rpx 24rpx;
}
.merchantlist{
border-bottom:2rpx solid #ececec;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment