wxBind.vue 801 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <template>
  2. <div class="wx">
  3. <p class="title">绑定微信</p>
  4. <div class="no-bind">
  5. <div class="left">
  6. <img src="@/assets/vx.png" alt="">
  7. <span>未绑定</span>
  8. </div>
  9. <div class="right">
  10. <slot name="wxBind"></slot>
  11. </div>
  12. </div>
  13. </div>
  14. </template>
  15. <script>
  16. export default {
  17. name: '',
  18. data() {
  19. return {
  20. };
  21. },
  22. computed:{
  23. },
  24. watch:{
  25. },
  26. methods: {},
  27. };
  28. </script>
  29. <style scoped>
  30. .wx {
  31. }
  32. .wx .title {
  33. font-size: 16px;
  34. font-weight: bold;
  35. color: #333333;
  36. margin-bottom: 30px;
  37. }
  38. .wx .no-bind {
  39. display: flex;
  40. }
  41. .wx .no-bind img {
  42. vertical-align: middle;
  43. margin-right: 10px;
  44. }
  45. .wx .no-bind span {
  46. font-size: 14px;
  47. font-weight: 400;
  48. color: #666666;
  49. }
  50. </style>