index.vue 2.1 KB

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