Browse Source

add style

organize
刘嘉炜 4 years ago
parent
commit
1a240afa21
  1. 9
      src/pages/write_off/menu/menu.vue
  2. 12
      src/pages/write_off/number_of_people/number_of_people.vue
  3. BIN
      src/static/images/countdown_bg.png

9
src/pages/write_off/menu/menu.vue

@ -29,7 +29,7 @@
<view class="wom-section"> <view class="wom-section">
<view class="ws-tit">现场散客人数</view> <view class="ws-tit">现场散客人数</view>
<view class="ws-ls"> <view class="ws-ls">
<view class="wl-item">
<view class="wl-item" @click="toPeopleNum">
<image></image> <image></image>
<view>现场散客人数查询</view> <view>现场散客人数查询</view>
</view> </view>
@ -39,8 +39,13 @@
</template> </template>
<script> <script>
import util from '../../../utils/util'
export default { export default {
methods: {
toPeopleNum(){
util.routeTo(`/pages/write_off/number_of_people/number_of_people`, 'nT');
}
}
} }
</script> </script>

12
src/pages/write_off/number_of_people/number_of_people.vue

@ -4,20 +4,22 @@
<picker> <picker>
<view class="nsn-frame"> <view class="nsn-frame">
<input placeholder="" /> <input placeholder="" />
<image></image>
<image mode="aspectFit" src="/static/images/countdown_bg.png"></image>
</view> </view>
</picker> </picker>
</view> </view>
<view class="nop-main"> <view class="nop-main">
<view class="nm-date">日期2020年11月18日</view> <view class="nm-date">日期2020年11月18日</view>
<view class="nm-tit">现场散客人数</view> <view class="nm-tit">现场散客人数</view>
<view class="nm-num"></view>
<view class="nm-num">
<image mode="aspectFit" src="/static/images/countdown_bg.png"></image>
</view>
<view class="nm-btn">修改人数</view> <view class="nm-btn">修改人数</view>
<view class="nm-tip"> <view class="nm-tip">
<text>温馨提示\n\r修改现场人数可能会影响现场灯光开关请谨慎操作 如后台有开启散客开关灯功能的则散客人数达到阶梯最低X人时对应灯光会自动开灯;少于X人的已开启的灯会自动关闭</text> <text>温馨提示\n\r修改现场人数可能会影响现场灯光开关请谨慎操作 如后台有开启散客开关灯功能的则散客人数达到阶梯最低X人时对应灯光会自动开灯;少于X人的已开启的灯会自动关闭</text>
</view> </view>
</view> </view>
<view class="ox-dark-mask">
<view class="ox-dark-mask" v-if="false">
<view class="nop-modifies-modal"> <view class="nop-modifies-modal">
<image class="nmm-close"></image> <image class="nmm-close"></image>
<view class="nmm-tit">修改现场散客人数</view> <view class="nmm-tit">修改现场散客人数</view>
@ -95,6 +97,10 @@ export default {
height: 368upx; height: 368upx;
border-radius: 50%; border-radius: 50%;
background-color: skyblue; background-color: skyblue;
>image {
width: 100%;
height: 100%;
}
} }
.nm-btn{ .nm-btn{
margin: 0 auto 106upx; margin: 0 auto 106upx;

BIN
src/static/images/countdown_bg.png

After

Width: 700  |  Height: 700  |  Size: 33 KiB

Loading…
Cancel
Save