agreement.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <template>
  2. <view class="content">
  3. <view class="page-content">
  4. <view class="page-care">
  5. <view class="title">-注意事项-</view>
  6. <u-image width="750rpx" height="1200rpx" mode="aspectFit" src="/static/img/zysx.png"></u-image>
  7. </view>
  8. <view class="page-care agreement">
  9. <view class="title">-服务协议-</view>
  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">
  38. page{
  39. width: 100%;
  40. height: 100%;
  41. }
  42. .content{
  43. padding: 0;
  44. width: 100%;
  45. height: 100%;
  46. display: flex;
  47. flex-direction: column;
  48. .page-content{
  49. flex: 1;
  50. overflow-y: scroll;
  51. }
  52. .title{
  53. font-size: 30rpx;
  54. font-weight: 600;
  55. }
  56. .page-care{
  57. width: 100%;
  58. display: flex;
  59. flex-direction: column;
  60. align-items: center;
  61. padding-top: 20rpx;
  62. }
  63. .footer{
  64. width: 100%;
  65. text-align: center;
  66. line-height: 100rpx;
  67. background-color: rgb(255,0,0);
  68. color: #fff;
  69. }
  70. }
  71. </style>