91 lines
1.4 KiB
Vue
91 lines
1.4 KiB
Vue
|
<template>
|
||
|
|
<view class="content">
|
||
|
|
<view class="bigImg">
|
||
|
|
<view class="codecaes">
|
||
|
|
<view class="head">
|
||
|
|
<view class="pic">
|
||
|
|
<span>
|
||
|
|
<img src="img/bowl.png" alt="">
|
||
|
|
</span>
|
||
|
|
<span class="run">午餐券</span>
|
||
|
|
<span class="number">(2次)</span>
|
||
|
|
</view>
|
||
|
|
<p>使用日期2020-01-06(仅限当天使用)</p>
|
||
|
|
</view>
|
||
|
|
<view class="codecass">
|
||
|
|
<img src="../../static/imgs/erweima.png" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
page{
|
||
|
|
background: #00c277;
|
||
|
|
}
|
||
|
|
.content{
|
||
|
|
padding-top: 200rpx;
|
||
|
|
}
|
||
|
|
.bigImg{
|
||
|
|
height: 700rpx;
|
||
|
|
width: 700rpx;
|
||
|
|
margin: 20rpx;
|
||
|
|
background: #FFFFFF;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.codecaes {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
margin: 0 auto;
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.codecaes .head {
|
||
|
|
padding: 30rpx;
|
||
|
|
height: 30%;
|
||
|
|
border-bottom: 2rpx dashed #cccccc;
|
||
|
|
font-size: 40rpx;
|
||
|
|
}
|
||
|
|
.codecaes .head .pic{
|
||
|
|
margin: 20rpx 0;
|
||
|
|
}
|
||
|
|
.codecaes .head .pic .run{
|
||
|
|
margin-right: 20rpx;
|
||
|
|
}
|
||
|
|
.codecaes .head .pic .number{
|
||
|
|
font-size: 24rpx;
|
||
|
|
}
|
||
|
|
.codecaes .head p{
|
||
|
|
margin: 20rpx 0;
|
||
|
|
font-size: 24rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.codecaes img {
|
||
|
|
width: 400rpx;
|
||
|
|
height: 400rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.codecaes .codecass {
|
||
|
|
/* padding-top: 80rpx; */
|
||
|
|
height: 70%;
|
||
|
|
}
|
||
|
|
</style>
|