Browse Source

add style

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

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

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

BIN
src/static/images/countdown_bg.png

After

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

Loading…
Cancel
Save