index.vue 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <template>
  2. <view class="user-info-wrap">
  3. <uni-list>
  4. <uni-list-item class="bordBot" :to="item.to" :title="item.title" showArrow thumb-size="sm" v-for="(item,index) in list" :key="index" />
  5. </uni-list>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. data() {
  11. return {
  12. list:[
  13. {title:'会员协议',to:'/myPages/TermsOfService/index?name='+'会员协议'+'&type=' + 1},
  14. {title:'储值协议',to:'/myPages/TermsOfService/index?name='+'储值协议'+'&type=' + 8},
  15. {title:'隐私条款',to:'/myPages/TermsOfService/index?name='+'隐私条款'+'&type=' + 3},
  16. {title:'储值使用说明',to:'/myPages/TermsOfService/index?name='+'储值使用说明'+'&type=' + 9},
  17. // {title:'常见问题',to:'/myPages/TermsOfService/index?name='+'常见问题'+'&type=' + 5}
  18. ],
  19. };
  20. },
  21. mounted() {
  22. },
  23. onLoad(e) {
  24. },
  25. methods: {
  26. }
  27. };
  28. </script>
  29. <style lang="scss">
  30. .bordBot{
  31. border-bottom: 1px solid #F7F7F7;
  32. }
  33. .user-info-wrap{
  34. margin-left: 12px;
  35. margin-right: 12px;
  36. /* 导航菜单 */
  37. .nav-bar{
  38. background: #fff;
  39. border-radius: 10px;
  40. margin-top: 12px;
  41. /* 商店信息 */
  42. .nav-content{
  43. padding-top: 10px;
  44. padding-bottom: 6px;
  45. border-bottom: 1px solid #f7f7f7;
  46. .nav-info{
  47. display: flex;
  48. padding-left: 10px;
  49. .logo {
  50. width: 12%;
  51. text-align: center;
  52. image{
  53. width: 24px;
  54. height: 24px;
  55. }
  56. }
  57. .nav-desc{
  58. width: 60%;
  59. display: flex;
  60. line-height: 30px;
  61. .nav-name{
  62. font-size: 16px;
  63. width: 60%;
  64. }
  65. .change-store{
  66. text-align: right;
  67. width: 40%;
  68. font-size: 12px;
  69. color: #666;
  70. }
  71. }
  72. .arrow-right{
  73. width:40%;
  74. text-align: right;
  75. margin: 0 auto;
  76. cursor: pointer;
  77. padding-top: 3px;
  78. display: flex;
  79. justify-content: flex-end;
  80. align-items: center;
  81. image{
  82. width: 18px;
  83. height: 18px;
  84. }
  85. .head-img {
  86. text-align: center;
  87. image{
  88. width: 24px;
  89. height: 24px;
  90. }
  91. }
  92. }
  93. }
  94. }
  95. }
  96. .sure-btn{
  97. margin-top: 20px;
  98. width: 100%;
  99. .btn{
  100. background: #FF6C7B;
  101. text-align: center;
  102. border-radius: 14px;
  103. height: 36px;
  104. line-height: 36px;
  105. color: #fff;
  106. font-size: 16px;
  107. }
  108. }
  109. }
  110. </style>