about.vue 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. <template>
  2. <view class="index tn-safe-area-inset-bottom">
  3. <tn-nav-bar customBack>
  4. <view slot="back" class='tn-custom-nav-bar__back' @click="goBack()">
  5. <text class='icon tn-icon-left'></text>
  6. </view>
  7. <view slot="default" style="display: flex;">
  8. <view style="flex:1;margin-left:25px">
  9. <text>了解速立保</text>
  10. </view>
  11. </view>
  12. </tn-nav-bar>
  13. <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
  14. <view >
  15. <!-- <image style="width: 180px;height: 150px" src="../../static/logo.png"></image> -->
  16. <view style="margin-top:16px;text-align: center;"><text style="font-size:18px;font-weight: bold;">上海速立保供应链管理有限公司简介</text></view>
  17. <view style="padding:16px"><text style="font-size:16px">上海速立保供应链管理有限公司,是一家专注于服务生物制药行业的高品质产品的集采平台。自成立以来,上海速立保始终坚持以客户为中心,深入了解生物制药行业的特殊需求和挑战,严格优选合作品牌,确保为上游客户提打造高效的产品营销渠道,为下游客户提供高品质的产品和服务。</text></view>
  18. <view style="padding:16px"><text style="font-size:16px">公司成立后又与上海零号湾创业投资有限公司在上海的科创湾区“大零号湾”联手打造了“生物制药产业国际产品展示中心”,依托区位优势,辐射全国及国际市场,以线上、线下相结合的方式,形成营销聚能的新商业模式。目前公司创办的“生物制药产业国际会客展示厅”已在德国斯图加特、越南胡志明市、印尼雅加达等地挂牌,竭力赋能国内企业的品牌出海战略。</text></view>
  19. <view style="padding:16px"><text style="font-size:16px">在生物制药行业快速发展的背景下,上海速立保紧跟时代步伐,不断创新和优化服务模式。未来,我们将继续秉承“让客户多一个可靠的选择”的理念,不断提升自身实力和服务水平,为生物制药行业贡献更多的智慧和力量。</text></view>
  20. <view style="margin-top:16px;margin-left:16px"><text style="font-size:18px;font-weight: bold;">营业执照:</text></view>
  21. <view style="margin-top:16px;text-align: center;" @click="showImg"><image style="width: 100%;object-fit: contain;" src="https://test-oss.lx-device.com/userFeedback/1733822395232q39.png"></image></view>
  22. <view style="margin-top:16px;text-align: center;"><image style="width: 180px; margin-top: 30px;" src="../../static/callus.png"></image></view>
  23. </view>
  24. </view>
  25. </view>
  26. </template>
  27. <script>
  28. export default {
  29. data() {
  30. return {
  31. }
  32. },
  33. methods: {
  34. goBack() {
  35. uni.navigateBack();
  36. },
  37. showImg(){
  38. let urls = [];
  39. urls.push('https://test-oss.lx-device.com/userFeedback/1733822395232q39.png');
  40. // 预览图片
  41. uni.previewImage({
  42. urls: urls,
  43. current: 0,
  44. });
  45. }
  46. }
  47. }
  48. </script>
  49. <style lang="scss" scoped>
  50. /* 胶囊*/
  51. .tn-custom-nav-bar__back {
  52. width: 60%;
  53. height: 100%;
  54. position: relative;
  55. display: flex;
  56. justify-content: space-evenly;
  57. align-items: center;
  58. box-sizing: border-box;
  59. // background-color: rgba(0, 0, 0, 0.15);
  60. border-radius: 1000rpx;
  61. border: 1rpx solid rgba(255, 255, 255, 0.5);
  62. // color: #FFFFFF;
  63. font-size: 18px;
  64. .icon {
  65. display: block;
  66. flex: 1;
  67. margin: auto;
  68. text-align: center;
  69. }
  70. &:before {
  71. content: " ";
  72. width: 1rpx;
  73. height: 110%;
  74. position: absolute;
  75. top: 22.5%;
  76. left: 0;
  77. right: 0;
  78. margin: auto;
  79. transform: scale(0.5);
  80. transform-origin: 0 0;
  81. pointer-events: none;
  82. box-sizing: border-box;
  83. opacity: 0.7;
  84. background-color: #FFFFFF;
  85. }
  86. }
  87. </style>