scancode-miro/pages/xhc/introduction/introduction.vue

<template>
	<view class="common">
		<view class="body">
      <view class="top-class"></view>
      <view class="title">
        <view class="logo-container">
          <image class="logo-text" @click="openDetail" src="https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/xhc/common/logo.png"  />
        </view>
        <view class="title-1">
          <view class="title-image-2"></view>
        </view>
      </view>
      <view class="head">
        <u-row class="row-class"  justify="flex-end">
          <u-col span="4">
            <image class="logo-rules-2" @click="openDetail" src="https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/xhc/common/rules.png"  />
          </u-col>
        </u-row>
      </view>
			<view class="content-2">

          <view class="content-title">
            公司简介
          </view>
					<view class="content_text">
              <view class="js-content">

              </view>

					</view>


			</view>
      <view class="return_view">
        <view class="return-button"  @click="goBack()">返回</view>
      </view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			goBack() {
				uni.navigateBack();
			},
			openDetail(){
				uni.navigateTo({
					url: '/pages/qilang/index/rules'
				});
			}
		}
	}
</script>

<style>
@import url('../../../static/scss/common_xhc.css');

	.row-class {
		height: 80rpx;
	}
	.logo-rules{
		width: 140rpx;
	}

  .content_text{
    height: calc(100% - 80rpx);
    overflow: auto;
  }
	.content {
		height: 69vh;
		border-radius: 10rpx;
    padding: 10rpx 24rpx;
		overflow: auto;
		align-items: center;
		justify-content: center;
    border-radius: 48px;
    background: #FDE2B1;
    border: 6px solid #FB911b;
    margin: 10vh 40rpx 0rpx;
  }

  .js-content{
    background-image: url(https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/xhc/jieshao.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
  }

  ::v-deep .u-text__value{
    text-indent: 2em !important; /* 首行缩进两个汉字宽度 */
  }

.text{
  color: #3D3D3D;font-size: 13px;text-indent: 2em;
}
</style>