index.vue 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. <template>
  2. <view :style="{ minHeight: sys.windowHeight + 'px' }" :class="[$tm.vx.state().tmVuetify.black ? 'black' : ' ']">
  3. <tm-menubars title="消息列表" :shadow="0" :showback="true"></tm-menubars>
  4. <div class="dizhi">
  5. <view class="contdz pt-20">
  6. <view>
  7. <text>薛定谔</text>
  8. <text class="ml-40 text-gray text-size-m">178****5566</text>
  9. <tm-button class="ml-50" :round="10" theme="gray" size="s">学校</tm-button>
  10. </view>
  11. <view class="text-gray text-size-s mt-15">
  12. <text>江苏省南京市江宁区 淳化街道弘景大道3666号</text>
  13. <image class="fr xiugai" src="/static/img/109.png" mode="widthFix"></image>
  14. </view>
  15. </view>
  16. <view class="contdz pt-20">
  17. <view>
  18. <text>薛定谔</text>
  19. <text class="ml-40 text-gray text-size-m">178****5566</text>
  20. <tm-button class="ml-50" :round="10" theme="gray" size="s">学校</tm-button>
  21. </view>
  22. <view class="text-gray text-size-s mt-15">
  23. <text>江苏省南京市江宁区 淳化街道弘景大道3666号</text>
  24. <image class="fr xiugai" src="/static/img/109.png" mode="widthFix"></image>
  25. </view>
  26. </view>
  27. <view class="contdz pt-20">
  28. <view>
  29. <text>薛定谔</text>
  30. <text class="ml-40 text-gray text-size-m">178****5566</text>
  31. <tm-button class="ml-50" :round="10" theme="gray" size="s">学校</tm-button>
  32. </view>
  33. <view class="text-gray text-size-s mt-15">
  34. <text>江苏省南京市江宁区 淳化街道弘景大道3666号</text>
  35. <image class="fr xiugai" src="/static/img/109.png" mode="widthFix"></image>
  36. </view>
  37. </view>
  38. </div>
  39. <tm-button :round="24" class="sao mb-40 mt-40" block @click="xinjian">新建收获地址</tm-button>
  40. <!-- 弹出层消息 -->
  41. <tm-message ref="toast"></tm-message>
  42. </view>
  43. </template>
  44. <script>
  45. import {
  46. myRequest
  47. } from '@/api/request.js'
  48. export default {
  49. data() {
  50. return {
  51. checked1: false,
  52. checked2: false,
  53. checked3: false,
  54. beizu: '',
  55. addList:[]
  56. };
  57. },
  58. onLoad() {
  59. },
  60. created() {
  61. var that = this;
  62. setTimeout(function() {
  63. if (uni.getStorageSync("token") == "") {
  64. uni.redirectTo({
  65. url: "/pages/login/index"
  66. })
  67. }
  68. }, 1000)
  69. this.sys = uni.getSystemInfoSync();
  70. this.getAddList();
  71. },
  72. methods: {
  73. xinjian() {
  74. uni.navigateTo({
  75. url: "/pages/shouhuodi/index",
  76. })
  77. },
  78. // 获取地址列表
  79. getAddList() {
  80. let that = this;
  81. myRequest({
  82. url: '/api/Address/addressList',
  83. method: 'get',
  84. data: that.reqData
  85. }).then(res => {
  86. console.log(res.data);
  87. if (res.data.code == 200) {
  88. } else {
  89. that.$refs.toast.show({
  90. model: 'error',
  91. label: res.data.msg
  92. })
  93. }
  94. })
  95. },
  96. },
  97. }
  98. </script>
  99. <style lang="scss">
  100. /deep/ .tm-menubars .body {
  101. background-color: #1b1b1b !important;
  102. }
  103. /deep/ .zhuti {
  104. padding: 10px 10px;
  105. }
  106. /deep/ .kuang {
  107. margin: 0 !important;
  108. padding: 0px !important;
  109. }
  110. .sao {
  111. width: 88%;
  112. margin: 0 auto;
  113. margin-top: 30px;
  114. }
  115. .dizhi {
  116. background: #1B1B1B;
  117. }
  118. .xiugai {
  119. width: 18px;
  120. height: 18px;
  121. }
  122. .contdz {
  123. width: 90%;
  124. margin: 0 auto;
  125. border-bottom: 1px solid #303030;
  126. padding-bottom: 15px;
  127. }
  128. </style>