discovery.vue 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <template>
  2. <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
  3. <view style="width: 100%;padding-bottom: 0;">
  4. <view style="display: flex;width: 100%;background: linear-gradient(0deg, #fff, #f8f8f">
  5. <view style="margin:16px">
  6. <image style="width: 56px; height: 50px; margin-right: 12px;" :mode="fit"
  7. src="../../static/logo.png"></image>
  8. </view>
  9. <view style="margin:16px 0;margin-left: -8px;">
  10. <view style="font-weight: bold;font-size: 22px;">速立保</view>
  11. <text style="margin-top:12px;color:#888;font-size:15px">生物制药产业一站式产品资源供需平台</text>
  12. </view>
  13. </view>
  14. </view>
  15. <view style="padding: 16px 0 0 16px;">
  16. 优质入驻企业
  17. </view>
  18. <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" >
  19. <swiper-item>
  20. <view class="swiper-item uni-bg-red">A</view>
  21. </swiper-item>
  22. <swiper-item>
  23. <view class="swiper-item uni-bg-green">B</view>
  24. </swiper-item>
  25. <swiper-item>
  26. <view class="swiper-item uni-bg-blue">C</view>
  27. </swiper-item>
  28. <swiper-item>
  29. <view class="swiper-item uni-bg-red">D</view>
  30. </swiper-item>
  31. <swiper-item>
  32. <view class="swiper-item uni-bg-green">E</view>
  33. </swiper-item>
  34. <swiper-item>
  35. <view class="swiper-item uni-bg-blue">F</view>
  36. </swiper-item>
  37. </swiper>
  38. <view style="padding: 16px 0 0 16px;">
  39. 优质供应
  40. </view>
  41. <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" >
  42. <swiper-item>
  43. <view class="swiper-item uni-bg-red">A</view>
  44. </swiper-item>
  45. <swiper-item>
  46. <view class="swiper-item uni-bg-green">B</view>
  47. </swiper-item>
  48. <swiper-item>
  49. <view class="swiper-item uni-bg-blue">C</view>
  50. </swiper-item>
  51. <swiper-item>
  52. <view class="swiper-item uni-bg-red">D</view>
  53. </swiper-item>
  54. <swiper-item>
  55. <view class="swiper-item uni-bg-green">E</view>
  56. </swiper-item>
  57. <swiper-item>
  58. <view class="swiper-item uni-bg-blue">F</view>
  59. </swiper-item>
  60. </swiper>
  61. <!-- <image style="width: 180px;height: 150px" src="../../static/logo.png"></image>
  62. <view style="margin-top:24px"><text style="font-size:30px;">生物制药产业</text></view>
  63. <view><text style="font-size:30px">国际产品展示中心</text></view>
  64. <view style="margin-top:24px"><text style="font-size:20px;">生物制药产业一站式产品资源供需平台</text></view> -->
  65. <view style="display: flex;margin-top:32px">
  66. <view style="flex: 1;padding: 0 16px;">
  67. <button type="primary" style="background-color:#1d60b1;border-radius: 23px" @click="showAdd">我要什么</button>
  68. </view>
  69. <view style="flex: 1;padding: 0 16px;">
  70. <button type="primary" style="background-color:#1d60b1;border-radius: 23px" @click="showAdd2">我有什么</button>
  71. </view>
  72. </view>
  73. </view>
  74. </template>
  75. <script>
  76. export default {
  77. data() {
  78. return {
  79. indicatorDots: true,
  80. autoplay: false,
  81. }
  82. },
  83. methods: {
  84. showAdd(){
  85. if(uni.getStorageSync('userNo')){
  86. uni.navigateTo({
  87. url:'/circlePages/circle'
  88. })
  89. }else{
  90. uni.navigateTo({
  91. url:'/pages/login/login'
  92. })
  93. }
  94. },
  95. showAdd2(){
  96. if(uni.getStorageSync('userNo')){
  97. uni.navigateTo({
  98. url:'/circlePages/addShare'
  99. })
  100. }else{
  101. uni.navigateTo({
  102. url:'/pages/login/login'
  103. })
  104. }
  105. }
  106. }
  107. }
  108. </script>
  109. <style>
  110. .swiper-item {
  111. text-align: center;
  112. }
  113. .swiper{
  114. height: 200px;
  115. }
  116. </style>