index.vue 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. <template>
  2. <view class="user-info-wrap">
  3. <view class="nav-bar">
  4. <view class="nav-content">
  5. <view @click="gotoTermOfService(1)" class="nav-info">
  6. <view class="nav-desc">
  7. <view class="nav-name">
  8. <view class="">会员协议</view>
  9. </view>
  10. </view>
  11. <view class="arrow-right">
  12. <u-icon name="arrow-right" color="#666" size="16"></u-icon>
  13. </view>
  14. </view>
  15. </view>
  16. <view class="custom-line"></view>
  17. <view class="nav-content">
  18. <view @click="gotoTermOfService(2)" class="nav-info">
  19. <view class="nav-desc">
  20. <view class="nav-name">
  21. <view class="">服务对象协议</view>
  22. </view>
  23. </view>
  24. <view class="arrow-right">
  25. <u-icon name="arrow-right" color="#666" size="16"></u-icon>
  26. </view>
  27. </view>
  28. </view>
  29. <view class="custom-line"></view>
  30. <view class="nav-content">
  31. <view @click="gotoTermOfService(3)" class="nav-info">
  32. <view class="nav-desc">
  33. <view class="nav-name">
  34. <view class="">隐私协议</view>
  35. </view>
  36. </view>
  37. <view class="arrow-right">
  38. <u-icon name="arrow-right" color="#666" size="16"></u-icon>
  39. </view>
  40. </view>
  41. </view>
  42. <view class="custom-line"></view>
  43. <view class="nav-content">
  44. <view @click="gotoTermOfService(4)" class="nav-info">
  45. <view class="nav-desc">
  46. <view class="nav-name">
  47. <view class="">加盟合作</view>
  48. </view>
  49. </view>
  50. <view class="arrow-right">
  51. <u-icon name="arrow-right" color="#666" size="16"></u-icon>
  52. </view>
  53. </view>
  54. <view class="custom-line"></view>
  55. <view class="nav-content">
  56. <view @click="gotoTermOfService(5)" class="nav-info">
  57. <view class="nav-desc">
  58. <view class="nav-name">
  59. <view class="">常见问题</view>
  60. </view>
  61. </view>
  62. <view class="arrow-right">
  63. <u-icon name="arrow-right" color="#666" size="16"></u-icon>
  64. </view>
  65. </view>
  66. </view>
  67. </view>
  68. </view>
  69. </view>
  70. </template>
  71. <script>
  72. export default {
  73. data() {
  74. return {
  75. reqParm: {
  76. auth: true,
  77. type: 1 // 类型 1=会员协议 2=服务对象协议 3=隐私条款 4=加盟合作 5=常见问题
  78. }
  79. };
  80. },
  81. mounted() {
  82. },
  83. onLoad() {
  84. },
  85. methods: {
  86. // 获取服务条款信息
  87. gotoTermOfService(type){
  88. uni.navigateTo({
  89. url: '/myPages/TermsOfService/index',
  90. })
  91. },
  92. }
  93. };
  94. </script>
  95. <style lang="scss">
  96. .user-info-wrap{
  97. margin-left: 12px;
  98. margin-right: 12px;
  99. /* 导航菜单 */
  100. .nav-bar{
  101. background: #fff;
  102. border-radius: 10px;
  103. margin-top: 12px;
  104. /* 商店信息 */
  105. .nav-content{
  106. padding-top: 10px;
  107. padding-bottom: 6px;
  108. .nav-info{
  109. display: flex;
  110. padding-left: 10px;
  111. .logo {
  112. width: 12%;
  113. text-align: center;
  114. image{
  115. width: 24px;
  116. height: 24px;
  117. }
  118. }
  119. .nav-desc{
  120. width: 60%;
  121. display: flex;
  122. line-height: 30px;
  123. .nav-name{
  124. font-size: 16px;
  125. width: 60%;
  126. }
  127. .change-store{
  128. text-align: right;
  129. width: 40%;
  130. font-size: 12px;
  131. color: #666;
  132. }
  133. }
  134. .arrow-right{
  135. width:40%;
  136. text-align: right;
  137. margin: 0 auto;
  138. cursor: pointer;
  139. padding-top: 3px;
  140. display: flex;
  141. justify-content: flex-end;
  142. align-items: center;
  143. image{
  144. width: 18px;
  145. height: 18px;
  146. }
  147. .head-img {
  148. text-align: center;
  149. image{
  150. width: 24px;
  151. height: 24px;
  152. }
  153. }
  154. }
  155. }
  156. }
  157. }
  158. .sure-btn{
  159. margin-top: 20px;
  160. width: 100%;
  161. .btn{
  162. background: #FF6C7B;
  163. text-align: center;
  164. border-radius: 14px;
  165. height: 36px;
  166. line-height: 36px;
  167. color: #fff;
  168. font-size: 16px;
  169. }
  170. }
  171. }
  172. </style>