|
|
@@ -0,0 +1,198 @@
|
|
|
+<template>
|
|
|
+<view class="box">
|
|
|
+ <view class="contBox" v-html="detail">
|
|
|
+
|
|
|
+ </view>
|
|
|
+</view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ detail:'',
|
|
|
+ unionID:'',
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(opt) {
|
|
|
+ this.unionID=opt.unionID
|
|
|
+ this.getExplain();
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ getExplain(){
|
|
|
+ uni.showLoading({
|
|
|
+ title: '加载中'
|
|
|
+ })
|
|
|
+ this.$http('miniApp2/sys/getAboutUS', {
|
|
|
+ unionID:this.unionID
|
|
|
+ }, 'GET').then(res => {
|
|
|
+ uni.hideLoading();
|
|
|
+ this.detail = res.data
|
|
|
+ //console.log('list+=', this.queryShopList);
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="less">
|
|
|
+.box {
|
|
|
+ width: 100vw;
|
|
|
+ min-height: 100vh;
|
|
|
+ background: #F4F5F7;
|
|
|
+}
|
|
|
+.contBox{
|
|
|
+ padding: 20rpx 24rpx;
|
|
|
+}
|
|
|
+.top{
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ padding: 24rpx 20rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.topLeftTitle{
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFangSC-Medium, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #333333;
|
|
|
+}
|
|
|
+.topLeftNum{
|
|
|
+ font-size: 40rpx;
|
|
|
+ font-family: PingFangSC-Semibold, PingFang SC;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #FF0000;
|
|
|
+ padding-top: 24rpx;
|
|
|
+}
|
|
|
+.topRight{
|
|
|
+ width: 138rpx;
|
|
|
+ height: 64rpx;
|
|
|
+ background: #FF0000;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ line-height: 64rpx;
|
|
|
+ text-align: center;
|
|
|
+ color: #FFFFFF;
|
|
|
+ font-size: 28rpx;
|
|
|
+ margin-top: 34rpx;
|
|
|
+}
|
|
|
+.xffl{
|
|
|
+ background: #FFFFFF;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ padding: 20rpx;
|
|
|
+}
|
|
|
+.xfflTitle{
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFangSC-Medium, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #333333;
|
|
|
+}
|
|
|
+.xfflLine{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 33rpx;
|
|
|
+ padding: 15rpx 0;
|
|
|
+}
|
|
|
+.xfflyq{
|
|
|
+ width: 10rpx;
|
|
|
+ height: 10rpx;
|
|
|
+ background: #D53533;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-top: 12rpx;
|
|
|
+ margin-right: 14rpx;
|
|
|
+}
|
|
|
+.xfflyq2{
|
|
|
+ width: 10rpx;
|
|
|
+ height: 10rpx;
|
|
|
+ background: #3F90F7;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-top: 12rpx;
|
|
|
+ margin-right: 14rpx;
|
|
|
+}
|
|
|
+.xfflyq3{
|
|
|
+ width: 10rpx;
|
|
|
+ height: 10rpx;
|
|
|
+ background: #FF4F00;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-top: 12rpx;
|
|
|
+ margin-right: 14rpx;
|
|
|
+}
|
|
|
+.xfflyq4{
|
|
|
+ width: 10rpx;
|
|
|
+ height: 10rpx;
|
|
|
+ background: #6F2BE8;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-top: 12rpx;
|
|
|
+ margin-right: 14rpx;
|
|
|
+}
|
|
|
+.xfflLineLeft{
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.xfflLineM{
|
|
|
+ width: 200rpx;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.xfflLineR{
|
|
|
+ width: 200rpx;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+.lineLeftImg{
|
|
|
+ width: 34rpx;
|
|
|
+ height: 34rpx;
|
|
|
+}
|
|
|
+.lineLeftTxt{
|
|
|
+ color: #333333;font-size: 28rpx;line-height: 34rpx;padding-left: 24rpx;
|
|
|
+}
|
|
|
+.lineRIghtNUm{
|
|
|
+ color: #666666;font-size: 28rpx;line-height: 34rpx;padding-right: 16rpx;
|
|
|
+}
|
|
|
+.lineRightImg{
|
|
|
+ width: 12rpx;
|
|
|
+ height: 20rpx;
|
|
|
+ margin-top: 7rpx;
|
|
|
+}
|
|
|
+.lineBox{
|
|
|
+ background: #FFFFFF;width: 702rpx;margin-top: 20rpx;
|
|
|
+}
|
|
|
+.line{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 38rpx 32rpx;
|
|
|
+}
|
|
|
+.lineLeft{
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.lineRight{
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.smImg{
|
|
|
+ width: 30rpx;height: 30rpx;
|
|
|
+}
|
|
|
+.smTxt{
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #999999;
|
|
|
+ line-height: 30rpx;
|
|
|
+ padding-left: 5rpx;
|
|
|
+}
|
|
|
+.smBox{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ padding-top: 30rpx;
|
|
|
+}
|
|
|
+</style>
|
