JiangningUrbanManageApp/sub-public/oldman-teach/info.vue

<template>
  <view class="main-container1One">
    <view class="headerText">222222222222</view>
    <view class="bottom-modal">
      <p>123123</p>
      <p>发布时间：222222222222</p>
    </view>
    <view class="borderStyle"></view>
	<view class="ql-editor">
		<u-parse
		  :html="'asdfasdfasddddddddddddddddddddddddddddddddddddddddddddddddddddd'"
		  :show-with-animation="true"
		  :lazy-load="true"
		  :tag-style="style"
		></u-parse>
	</view>
    <view class="content">

      <view>
        <p>文件编号:232323</p>
      </view>
    </view>
  </view>
</template>

<script>
import config from "@/config.js";
export default {
  data() {
    return {
      baseUrl: config.baseUrl,
      info: {},
      style: {
        // h2: 'margin:20rpx 0',
        // p: 'font-size: 25rpx;color: #34373B;font-weight: 400;line-height:45rpx',
        // span: 'font-size: 25rpx;color: #34373B;font-weight: 400;line-height:45rpx',
        // img: 'width:100%;height:300rpx;  object-fit: contain;margin:20rpx 0'
      },
    };
  },
  onLoad(option) {
    this.getdataInfo(option.id);
  },
  methods: {
    getdataInfo(id) {
      // getinfo(id).then((res) => {
      //   console.log(res);
      //   res.data.text = res.data.text.replace(
      //     /<img src="/g,
      //     `<img src="${this.baseUrl}/common/download/downloadmino?filename=`
      //   );
      //   this.info = res.data;
      // });
    },
  },
};
</script>

<style lang="scss" scoped>
.main-container1One {
  // margin-top: 20rpx;
  box-sizing: border-box;
  width: 100%;
  padding: 70rpx;
  background: #fff;

  .headerText {
    font-size: 34rpx;
    font-weight: 600;
    color: #34373b;
    line-height: 1.5;
    text-align: center;
  }

  .bottom-modal {
    color: #b0b4bb;
    font-size: 26rpx;
    margin-top: 30rpx;
    text-align: center;
    margin: 30rpx 0;
    line-height: 1.8;
  }

  .borderStyle {
    height: 1rpx;
    width: 100%;
    background-color: #dce3ec;
    border: none;
    margin-bottom: 40rpx;
  }

  .content {
    margin-top: 25rpx;
    color: #34373b;
    font-size: 28rpx;
    font-weight: 400;

    // &>view:nth-of-type(1) {
    // 	line-height: 2.5;
    // }

    // &>view:nth-of-type(2) {
    // 	text-indent: 2em;
    // 	line-height: 1.8;
    // }

    & > view:nth-of-type(1) {
      text-align: right;
      line-height: 1.8;
    }
  }
}
.u-content {
  margin-top: 100rpx;
  color: $u-content-color;
  font-size: 32rpx;
  line-height: 1.8;
}
</style>