filialeList.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <template>
  2. <view>
  3. <u-navbar title="分公司列表" title-color="#101010"></u-navbar>
  4. <view class="main">
  5. <view class="filiale">
  6. <view class="filiale-name">
  7. 湖北荆鹏软件集团有限公司
  8. </view>
  9. <view class="filiale-icon">
  10. <u-icon name="arrow-right" color="#b2b2b2" size="28"></u-icon>
  11. </view>
  12. </view>
  13. <view class="filiale">
  14. <view class="filiale-name">
  15. 湖北荆鹏软件开发有限公司
  16. </view>
  17. <view class="filiale-icon">
  18. <u-icon name="arrow-right" color="#b2b2b2" size="28"></u-icon>
  19. </view>
  20. </view>
  21. <view class="filiale">
  22. <view class="filiale-name">
  23. 湖北鹏育优电新能源科技有限公司
  24. </view>
  25. <view class="filiale-icon">
  26. <u-icon name="arrow-right" color="#b2b2b2" size="28"></u-icon>
  27. </view>
  28. </view>
  29. <view class="filiale">
  30. <view class="filiale-name">
  31. 文化传媒分公司
  32. </view>
  33. <view class="filiale-icon">
  34. <u-icon name="arrow-right" color="#b2b2b2" size="28"></u-icon>
  35. </view>
  36. </view>
  37. </view>
  38. </view>
  39. </template>
  40. <script>
  41. export default {
  42. data() {
  43. return {
  44. }
  45. },
  46. methods: {
  47. }
  48. }
  49. </script>
  50. <style lang="scss" scoped>
  51. .main{
  52. background-color: #fff;
  53. margin-top: 24rpx;
  54. .filiale{
  55. display: flex;
  56. align-items: center;
  57. justify-content: space-between;
  58. padding: 24rpx 32rpx;
  59. color: rgba(51,51,51,1);
  60. font-size: 32rpx;
  61. }
  62. }
  63. </style>