LSM_OIL_SITE/pages/station-info/station-info.vue

<template>
	<view class="content my-bg">
		<cu-custom class="main-topbar bg-main-oil" isBack bgColor="bg-main-oil">
			<block slot="content" class="padding-top">油站信息</block>
			<block slot="backText">返回</block>
		</cu-custom>
		<view class="bg-main-oil bg-view">

		</view>
		<view class="main-money bg-white margin radius">
			<view class="cu-card case no-card ">
				<view class="cu-item shadow">
					<view class="image">
						<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1597746946206&di=6e59ce33ad431328fa391cadb807da10&imgtype=0&src=http%3A%2F%2Fpic119.nipic.com%2Ffile%2F20161227%2F12449414_100501543000_2.jpg"
						 mode="widthFix"></image>
						<!-- <view class="cu-tag bg-blue">史诗</view> -->
						<!-- <view class="cu-bar bg-shadeBottom"> <text class="text-cut">我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。</text></view> -->
					</view>
					<view class="cu-list ">
						<view class="cu-item padding-sm ">
							<view class="text-bold color-333 text-xl">
								九龙路加油站
							</view>
							<view class="color-999">
								九龙路1188号
							</view>
							<view class="color-333 padding-top-xs">
								联系方式：战三（13263967686）
							</view>
						</view>
					</view>

				</view>
			</view>
		</view>
		<view class="margin margin-bottom-0 padding-bottom my-bg">
			<OilMenuItem />
			<OilMenuItem />
			<OilMenuItem />
			<OilMenuItem />
		</view>
	</view>
</template>

<script>
	import OilMenuItem from '@/components/oil-menu-item.vue'
	export default {
		components: {
			OilMenuItem
		},
		data() {
			return {
				title: 'Hello',
				cuIconList: [{
						cuIcon: 'location',
						color: 'red',
						badge: 120,
						name: '加油信息'
					},
					{
						cuIcon: 'form',
						color: 'orange',
						badge: 0,
						name: '加油订单'
					},
					{
						cuIcon: 'new',
						color: 'yellow',
						badge: 0,
						name: '经营分析'
					},
					{
						cuIcon: 'scan',
						color: 'olive',
						badge: 0,
						name: '扫码加油'
					},
					{
						cuIcon: 'qr_code',
						color: 'cyan',
						badge: 0,
						name: '油站二维码'
					},
					{
						cuIcon: 'expressman',
						color: 'red',
						badge: 0,
						name: '员工管理'
					}

				]
			};
		},
		onLoad() {},
		methods: {
			thirdAdd() {
				uni.chooseAddress({
					success(res) {
						console.log(res.userName)
						console.log(res.postalCode)
						console.log(res.provinceName)
						console.log(res.cityName)
						console.log(res.countyName)
						console.log(res.detailInfo)
						console.log(res.nationalCode)
						console.log(res.telNumber)
					}
				})
			},
			scanQr() {
				uni.scanCode({
					onlyFromCamera: true,
					success: function(res) {
						console.log('条码类型：' + res.scanType);
						console.log('条码内容：' + res.result);
						uni.vibrate({
							success: function() {
								console.log('success');
							}
						})
					}
				})
			},
			copy() {
				uni.setClipboardData({
					data: 'lallalala',
					success() {
						uni.showToast({
							title: '复制成功',
							position: 'bottom',
							icon: 'none'
						})
					}
				})
			},
			toAuth() {
				uni.navigateTo({
					url: '/pages/authentication/authForm/authForm'
				})
			},
			toQrcode() {
				uni.navigateTo({
					url: '/pages/qrcode/qrcodeList/qrcodeList'
				});
			},
			routerTo(url) {
				uni.navigateTo({
					url: url
				});
			},
			toLogin() {
				uni.navigateTo({
					url: 'pages/login/login'
				});
			},
			// 拨打电话
			makeCall() {
				uni.makePhoneCall({
					phoneNumber: '4008-56-5355' //仅为示例
				})
			}
		}
	};
</script>

<style>
	.content {
		min-height: 100%;
	}


	.cu-card.case.no-card .image {
		margin: 0;
	}

	.bg-view {
		height: 300rpx;
		min-width: 100%;
		position: absolute;
	}
</style>