Browse Source

add st...

course
刘嘉炜 4 years ago
parent
commit
84fa95c7af
  1. 9
      src/pages.json
  2. 29
      src/pages/site/confirm/confirm.vue
  3. 2
      src/pages/site/manage/manage.vue
  4. 37
      src/pages/site/occupy_success/occupy_success.vue

9
src/pages.json

@ -1,19 +1,20 @@
{ {
"pages": [ //pageshttps://uniapp.dcloud.io/collocation/pages "pages": [ //pageshttps://uniapp.dcloud.io/collocation/pages
{ {
"path": "pages/site/occupy_success/occupy_success",
"path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "占用场地"
} }
}, },
{ {
"path": "pages/index/index",
"path": "pages/login/login",
"style": { "style": {
} }
}, },
{ {
"path": "pages/login/login",
"path": "pages/site/occupy_success/occupy_success",
"style": { "style": {
"navigationBarTitleText": "占用场地"
} }
}, },
{ {

29
src/pages/site/confirm/confirm.vue

@ -29,6 +29,10 @@
</view> </view>
</view> </view>
</view> </view>
<view class="sc-switch">
<view><view><text>*</text>是否联动开灯</view><switch color="#009874"></switch></view>
<view>联动开灯开启后会根据占用时间自动开灯</view>
</view>
<view class="sc-ipt"> <view class="sc-ipt">
<view class="si-price"> <view class="si-price">
<view class="sp-tit">收取金额</view> <view class="sp-tit">收取金额</view>
@ -135,7 +139,6 @@ export default {
vertical-align: middle; vertical-align: middle;
width: 34upx; width: 34upx;
height: 34upx; height: 34upx;
background-color: skyblue;
} }
} }
.sa-detail{ .sa-detail{
@ -183,9 +186,31 @@ export default {
} }
} }
} }
.sc-switch{
padding: 40upx 24upx 0;
>view{
&:first-child{
margin-bottom: 10upx;
@include centerFlex(space-between);
>view{
font-size: 32upx;
color: #333;
>text{
color: #EA5061;
}
}
}
&+view{
padding: 0 24upx;
font-size: 24upx;
line-height: 34upx;
color: #9A9A9D;
}
}
}
.sc-ipt{ .sc-ipt{
margin: 0 auto; margin: 0 auto;
padding-top: 54upx;
padding-top: 40upx;
padding-bottom: 62upx; padding-bottom: 62upx;
width: 682upx; width: 682upx;
.si-price{ .si-price{

2
src/pages/site/manage/manage.vue

@ -113,7 +113,7 @@
<view class="sm-fixed-tip" v-if="occupyTip!==''"> <view class="sm-fixed-tip" v-if="occupyTip!==''">
<text>{{occupyTip || '-'}}</text> <text>{{occupyTip || '-'}}</text>
</view> </view>
<view class="sm-fixed-order">
<view class="sm-fixed-order" v-if="false">
<order-modal></order-modal> <order-modal></order-modal>
</view> </view>
</view> </view>

37
src/pages/site/occupy_success/occupy_success.vue

@ -2,6 +2,12 @@
<view class="occupy-success"> <view class="occupy-success">
<view class="os-address">欧轩智能场馆(羽毛球馆永泰店)</view> <view class="os-address">欧轩智能场馆(羽毛球馆永泰店)</view>
<image class="os-code"></image> <image class="os-code"></image>
<view class="os-num">验证码12235 51234</view>
<view class="os-btn">
<view>分享给朋友</view>
<image></image>
</view>
<view class="os-black">返回</view>
</view> </view>
</template> </template>
@ -31,5 +37,36 @@ export default {
height: 400upx; height: 400upx;
background-color: skyblue; background-color: skyblue;
} }
.os-num{
margin-bottom: 128upx;
text-align: center;
font-size: 32upx;
color: #333;
}
.os-btn{
margin: 0 auto 92upx;
width: 320upx;
height: 112upx;
background-color: $themeColor;
border-radius: 10upx;
@include centerFlex(center);
>view{
font-size: 32upx;
color: #fff;
}
>image{
margin-left: 20upx;
width: 34upx;
height: 36upx;
background-color: skyblue;
}
}
.os-black{
font-size: 32upx;
line-height: 44upx;
text-align: center;
color: $themeColor;
text-decoration: underline;
}
} }
</style> </style>
Loading…
Cancel
Save