forest-H5/components/common-footer/common-footer.vue

<template>
	<view class="pages">
		<view class="common-footer">
			<view class="common-footer-company">
				<image src="/static/img/logo.png" class="img" mode="aspectFit"></image>
				<view class="text">
					贵州省黔林优选<br>
					商贸有限公司
				</view>
			</view>
			<view class="common-footer-copyright">
				地址:贵州省贵阳市观山湖万达广场室内步行街2F层2016、2017号<br>备案/许可证编号：黔ICP备2020011568号
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:'commonFooter',
		data() {
			return {
				params:{
					token:'',
				}
				
			}
		},
		onShow() {
			
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style scoped>
/* @import url("./index.css"); */
.common-footer{padding: 16rpx 24rpx 40rpx;background-color: #F6F7F8;text-align: center;}
.common-footer-company{display: flex;margin-bottom: 24rpx;align-items: center;justify-content: center;}
.common-footer-company .img{width: 96rpx;height: 84rpx;margin-right: 54rpx;}
.common-footer-company .text{position: relative;padding-left: 53rpx;font-size: 24rpx;color: #666;font-weight: 500;text-align: left;line-height: 33rpx;padding-left: 53rpx;}
.common-footer-company .text::before{content: '';position: absolute;left: 0;top: 11rpx;width: 1px;height: 48rpx;background-color: #CFCFCF;}
.common-footer-copyright{font-size: 24rpx;color: #999;line-height: 40rpx;font-weight: 400;}
</style>