my-info.vue 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <template>
  2. <div>
  3. <!--地址-->
  4. <view class="add-address d-s-c" @click="addAddress()" v-if="Address==null">
  5. <view class="icon-box mr10">
  6. <span class="icon iconfont icon-dizhi1"></span>
  7. </view>
  8. <text>请添加收货地址</text>
  9. </view>
  10. <view class="address-defalut-wrap" v-else>
  11. <view class="info">
  12. <text class="state">默认</text>
  13. <text class="type">家</text>
  14. <text class="province-c-a">{{Address.region.province}} {{Address.region.city}} {{Address.region.region}} </text>
  15. </view>
  16. <view class="address">
  17. <text class="fb gray3">{{Address.detail}}</text>
  18. <view class="icon-box" @click="addAddress()">
  19. <span class="icon iconfont icon-jiantou"></span>
  20. </view>
  21. </view>
  22. <view class="user">
  23. <text class="name">{{Address.name}}</text>
  24. <text class="tel">{{Address.phone}}</text>
  25. </view>
  26. </view>
  27. <view class="addree-bottom">
  28. <view class="stripe" v-for="(item,index) in 10" :key="index">
  29. <text :class="index%2==0?'red':'blue'"></text>
  30. <text class="white"></text>
  31. </view>
  32. </view>
  33. </div>
  34. </template>
  35. <script>
  36. export default{
  37. data(){
  38. return {
  39. }
  40. },
  41. props: ['Address','exist_address'],
  42. onLoad() {
  43. },
  44. mounted() {
  45. },
  46. methods:{
  47. /*添加地址*/
  48. addAddress(){
  49. let url = '/pages/user/address/address?source=order';
  50. if(!this.exist_address){
  51. url = '/pages/user/address/add/add';
  52. }
  53. this.gotoPage(url);
  54. }
  55. }
  56. }
  57. </script>
  58. <style>
  59. </style>