|
@@ -1,4 +1,7 @@
|
|
<template>
|
|
<template>
|
|
|
|
+ <view class="discovery tn-safe-area-inset-bottom" style="max-height: 100vh">
|
|
|
|
+
|
|
|
|
+
|
|
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
|
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
|
<view style="width: 100%;padding-bottom: 0;">
|
|
<view style="width: 100%;padding-bottom: 0;">
|
|
<view style="display: flex;width: 100%;background: linear-gradient(0deg, #fff, #f8f8f">
|
|
<view style="display: flex;width: 100%;background: linear-gradient(0deg, #fff, #f8f8f">
|
|
@@ -15,52 +18,25 @@
|
|
|
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
- <view style="padding: 16px 0 0 16px;">
|
|
|
|
- 优质入驻企业
|
|
|
|
|
|
+ <view style="padding: 0px 0 4px 16px;">
|
|
|
|
+ 优质入驻企业 v
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" >
|
|
<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" >
|
|
- <swiper-item>
|
|
|
|
- <view class="swiper-item uni-bg-red">A</view>
|
|
|
|
- </swiper-item>
|
|
|
|
- <swiper-item>
|
|
|
|
- <view class="swiper-item uni-bg-green">B</view>
|
|
|
|
- </swiper-item>
|
|
|
|
- <swiper-item>
|
|
|
|
- <view class="swiper-item uni-bg-blue">C</view>
|
|
|
|
- </swiper-item>
|
|
|
|
- <swiper-item>
|
|
|
|
- <view class="swiper-item uni-bg-red">D</view>
|
|
|
|
- </swiper-item>
|
|
|
|
- <swiper-item>
|
|
|
|
- <view class="swiper-item uni-bg-green">E</view>
|
|
|
|
- </swiper-item>
|
|
|
|
- <swiper-item>
|
|
|
|
- <view class="swiper-item uni-bg-blue">F</view>
|
|
|
|
|
|
+ <swiper-item v-for="item of companyList" :key="item.id" style="position:relative">
|
|
|
|
+ <view style="position: absolute;bottom: 28px;right: 16px;color: #ffffff75;" class="swiper-item uni-bg-red">{{item.company}}</view>
|
|
|
|
+ <image src="../../static/bg.png" style="width: 100%;height: 100%;"></image>
|
|
</swiper-item>
|
|
</swiper-item>
|
|
</swiper>
|
|
</swiper>
|
|
- <view style="padding: 16px 0 0 16px;">
|
|
|
|
- 优质供应
|
|
|
|
|
|
+ <view style="padding: 16px 0 4px 16px;">
|
|
|
|
+ 优质供应 v
|
|
</view>
|
|
</view>
|
|
<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" >
|
|
<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" >
|
|
- <swiper-item>
|
|
|
|
- <view class="swiper-item uni-bg-red">A</view>
|
|
|
|
- </swiper-item>
|
|
|
|
- <swiper-item>
|
|
|
|
- <view class="swiper-item uni-bg-green">B</view>
|
|
|
|
- </swiper-item>
|
|
|
|
- <swiper-item>
|
|
|
|
- <view class="swiper-item uni-bg-blue">C</view>
|
|
|
|
- </swiper-item>
|
|
|
|
- <swiper-item>
|
|
|
|
- <view class="swiper-item uni-bg-red">D</view>
|
|
|
|
- </swiper-item>
|
|
|
|
- <swiper-item>
|
|
|
|
- <view class="swiper-item uni-bg-green">E</view>
|
|
|
|
- </swiper-item>
|
|
|
|
- <swiper-item>
|
|
|
|
- <view class="swiper-item uni-bg-blue">F</view>
|
|
|
|
|
|
+ <swiper-item v-for="item of prodList" :key="item.id">
|
|
|
|
+ <view style="position: absolute;bottom: 28px;right: 16px;color: #ffffff75;" class="swiper-item uni-bg-red">{{item.company}}</view>
|
|
|
|
+ <image src="../../static/bg.png" style="width: 100%;height: 100%;"></image>
|
|
</swiper-item>
|
|
</swiper-item>
|
|
|
|
+
|
|
</swiper>
|
|
</swiper>
|
|
<!-- <image style="width: 180px;height: 150px" src="../../static/logo.png"></image>
|
|
<!-- <image style="width: 180px;height: 150px" src="../../static/logo.png"></image>
|
|
|
|
|
|
@@ -69,26 +45,66 @@
|
|
<view><text style="font-size:30px">国际产品展示中心</text></view>
|
|
<view><text style="font-size:30px">国际产品展示中心</text></view>
|
|
<view style="margin-top:24px"><text style="font-size:20px;">生物制药产业一站式产品资源供需平台</text></view> -->
|
|
<view style="margin-top:24px"><text style="font-size:20px;">生物制药产业一站式产品资源供需平台</text></view> -->
|
|
|
|
|
|
- <view style="display: flex;margin-top:32px">
|
|
|
|
- <view style="flex: 1;padding: 0 16px;">
|
|
|
|
- <button type="primary" style="background-color:#1d60b1;border-radius: 23px" @click="showAdd">我要什么</button>
|
|
|
|
|
|
+ <view style="display: flex;margin-top:32px;margin: 24px;">
|
|
|
|
+ <view style="flex: 1;padding: 0 16px;" class="bg01" @click="showAdd">
|
|
|
|
+ <text style="font-size: 32px;margin-right: 10px;vertical-align: sub;" class="tn-icon-email-fill" ></text>
|
|
|
|
+ <text style="line-height: 72px;font-size: 18px;">我要什么</text>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
- <view style="flex: 1;padding: 0 16px;">
|
|
|
|
- <button type="primary" style="background-color:#1d60b1;border-radius: 23px" @click="showAdd2">我有什么</button>
|
|
|
|
|
|
+ <view style="flex: 1;padding: 0 16px;" class="bg02" @click="showAdd2">
|
|
|
|
+ <text style="font-size: 32px;margin-right: 10px;vertical-align: sub;" class="tn-icon-paperbag-fill" ></text>
|
|
|
|
+ <text style="line-height: 72px;font-size: 18px;">我有什么</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
|
|
+ <view class='tn-tabbar-height'></view>
|
|
|
|
+
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
+ import request from '../../utils/request'
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
indicatorDots: true,
|
|
indicatorDots: true,
|
|
- autoplay: false,
|
|
|
|
|
|
+ autoplay: false,
|
|
|
|
+ companyList:[],
|
|
|
|
+ prodList:[]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ onLoad(){
|
|
|
|
+ this.loadData();
|
|
|
|
+ },
|
|
|
|
+ onReady() {
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ this.loadData()
|
|
|
|
+ this.loadData2()
|
|
|
|
+ })
|
|
|
|
+ },
|
|
methods: {
|
|
methods: {
|
|
|
|
+
|
|
|
|
+ loadData() {
|
|
|
|
+ let that = this;
|
|
|
|
+ request.post('/slbCompany/premiumCompanies', {
|
|
|
|
+
|
|
|
|
+ }).then(res => {
|
|
|
|
+ if (res&&res.success) {
|
|
|
|
+ that.companyList = res.list||[]
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ loadData2() {
|
|
|
|
+ let that = this;
|
|
|
|
+ request.post('/slbCompany/premiumShareCompanies', {
|
|
|
|
+
|
|
|
|
+ }).then(res => {
|
|
|
|
+ if (res&&res.success) {
|
|
|
|
+ that.prodList = res.list||[]
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
showAdd(){
|
|
showAdd(){
|
|
if(uni.getStorageSync('userNo')){
|
|
if(uni.getStorageSync('userNo')){
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
@@ -124,4 +140,27 @@
|
|
.swiper{
|
|
.swiper{
|
|
height: 200px;
|
|
height: 200px;
|
|
}
|
|
}
|
|
|
|
+.bg01{
|
|
|
|
+ color: #fff;
|
|
|
|
+ background-image: url(./../../static/bg01.png);
|
|
|
|
+ background-size: cover;
|
|
|
|
+ height: 72px;
|
|
|
|
+ border-radius: 20px;
|
|
|
|
+ margin-right: 16px;
|
|
|
|
+}
|
|
|
|
+.bg02{
|
|
|
|
+ color: #fff;
|
|
|
|
+ background-image: url(./../../static/bg02.png);
|
|
|
|
+ background-size: cover;
|
|
|
|
+ height: 72px;
|
|
|
|
+ border-radius: 20px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/* 底部安全边距 start*/
|
|
|
|
+ .tn-tabbar-height {
|
|
|
|
+ min-height: 120rpx;
|
|
|
|
+ height: calc(140rpx + env(safe-area-inset-bottom) / 2);
|
|
|
|
+ height: calc(140rpx + constant(safe-area-inset-bottom));
|
|
|
|
+ }
|
|
|
|
+
|
|
</style>
|
|
</style>
|