sulibao-mini/pages/discovery/discovery.vue

<template>
	<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
		<view style="width: 100%;padding-bottom: 0;">
			<view style="display: flex;width: 100%;background: linear-gradient(0deg, #fff, #f8f8f">
				<view style="margin:16px">
					<image style="width: 56px; height: 50px; margin-right: 12px;" :mode="fit"
						src="../../static/logo.png"></image>
				</view>
				<view style="margin:16px 0;margin-left: -8px;">
					<view style="font-weight: bold;font-size: 22px;">速立保</view>
					<text style="margin-top:12px;color:#888;font-size:15px">生物制药产业一站式产品资源供需平台</text>
				</view>
			</view>
			
			
		</view>
		
		<view style="padding: 16px 0 0 16px;">
			优质入驻企业
		</view>
		
		<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>
		</swiper>
		<view style="padding: 16px 0 0 16px;">
			优质供应
		</view>
		<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>
		</swiper>
		<!-- <image style="width: 180px;height: 150px" src="../../static/logo.png"></image>
		
		
		<view style="margin-top:24px"><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="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>
			<view style="flex: 1;padding: 0 16px;">
				<button type="primary" style="background-color:#1d60b1;border-radius: 23px" @click="showAdd2">我有什么</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				  indicatorDots: true,
				   autoplay: false,
			}
		},
		methods: {
			showAdd(){
				if(uni.getStorageSync('userNo')){
					uni.navigateTo({
						url:'/circlePages/circle'
					})
				}else{
					uni.navigateTo({
						url:'/pages/login/login'
					})
				}
				
			},
			showAdd2(){
				if(uni.getStorageSync('userNo')){
					uni.navigateTo({
						url:'/circlePages/addShare'
					})
				}else{
					uni.navigateTo({
						url:'/pages/login/login'
					})
				}
				
			}
		}
	}
</script>

<style>
.swiper-item {
	text-align: center;
}
.swiper{
	height: 200px;
}
</style>