agreement.vue 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <template>
  2. <view class="content">
  3. <view class="page-content">
  4. <view class="page-care">
  5. <text class="title">-注意事项-</text>
  6. <u-image width="100%" height="1200rpx" mode="aspectFit" src="/static/img/zysx.png"></u-image>
  7. </view>
  8. <view class="page-care agreement">
  9. <text class="title">-服务协议-</text>
  10. </view>
  11. </view>
  12. <view class="footer" @click="goBack">
  13. 我以阅读并同意无人洗车《注意事项及服务协议》
  14. </view>
  15. </view>
  16. </template>
  17. <script>
  18. export default {
  19. components: {
  20. },
  21. data() {
  22. return {
  23. }
  24. },
  25. onLoad(option) {
  26. },
  27. methods: {
  28. // 点击已阅读返回上一页
  29. goBack () {
  30. // 出发已阅读事件
  31. uni.$emit('read',{msg:'read'})
  32. uni.navigateBack()
  33. }
  34. }
  35. }
  36. </script>
  37. <style lang="scss" scoped>
  38. page{
  39. height: 100%;
  40. }
  41. .content{
  42. padding: 0;
  43. width: 100%;
  44. height: 100%;
  45. display: flex;
  46. flex-direction: column;
  47. .page-content{
  48. flex: 1;
  49. overflow-y: scroll;
  50. }
  51. .title{
  52. font-size: 30rpx;
  53. font-weight: 600;
  54. }
  55. .page-care{
  56. width: 100%;
  57. display: flex;
  58. flex-direction: column;
  59. align-items: center;
  60. }
  61. .footer{
  62. width: 100%;
  63. text-align: center;
  64. line-height: 100rpx;
  65. background-color: rgb(255,0,0);
  66. color: #fff;
  67. }
  68. }
  69. </style>