css

assets/css/mine/activity.scss

 .activity-box {
+    width: 100%;
+    .b {
+        width: 100%;
+        .cube-set-drag-area {
+            width: 100%;
+            .cube-initial {
+                width: 100%;
+            }
+        }
+    }
 }

pages/mine/activity.vue

 <template>
-    <view class="activity-box">活动页面</view>
+    <view class="activity-box"><view class="b" v-html="html"></view></view>
 </template>
 
 <script>
@@ -11,22 +11,64 @@ export default {
         navElement
     },
     data() {
-        return {};
+        return {
+            url: '',
+            html: ''
+        };
+    },
+    onLoad() {
+        this.url = this.$route.params.id || '';
     },
     onShow() {
         this.getData();
     },
     methods: {
         getData() {
-            this.request(Cube_Url + '/api/activity/getInfo', 'GET', { id: 58 }, true, true).then(res => {
-                if (res.err_code === 0) {
-                }
-            });
+            var json = {
+                code: 0,
+                data: {
+                    id: 58,
+                    activity_no: 'A2306010001',
+                    activity_name: '建民测试',
+                    activity_type: 1,
+                    activity_url: 'lot',
+                    activity_start_time: '2023-06-01 00:00:00',
+                    activity_end_time: '2023-07-01 23:59:59',
+                    web_type: 3,
+                    activity_status: 2,
+                    create_time: '2023-06-01 11:07:12',
+                    create_user_id: 1000,
+                    create_user_name: 'admin',
+                    activity_enable: -1,
+                    web_title: 'h5',
+                    web_keywords: '猎芯网,电子元器件采购,电子元器件商城,电子元器件现货,IC采购网,电子元器件',
+                    web_description: '猎芯网,快速成长的专业电子元器件采购商城,贸泽(MOUSER)全系产品、e络盟(element14)树莓派系列产品授权经销商,已获得多轮风险投资。为客户提供电子元器件现货采购,进口报关,电子元器件寄售,供应链金融等一站式电子元器件采购服务',
+                    web_html: '<view class="cube-set-drag-area" style="position: relative;"><view class="cube-initial row verCenter rowCenter" style="height: 500px; width: 750px;">21212</view></view>',
+                    web_html_config: '{"baseConfig":{"page_color":"#FFFFFF","page_background":"","page_navigation_bar":"1","page_right_bar":"0"},"383105b0-fe77-4ff1-81f5-e9fe7b13bc5f":{"width":"750","height":"500","columns":"3","spacing":"0","columnWidthOne":"250.0","columnWidthTwo":"250.0","columnWidthThree":"250.0","columnOneHref":"111","file":"","columnOneUrl":"http:\/\/file.liexindev.net\/download\/fd797070020f9cr1i7g3dt","columnTwoHref":"112","columnTwoUrl":"http:\/\/file.liexindev.net\/download\/4095e070020bue21i7g3e7","columnThreeHref":"22","columnThreeUrl":"http:\/\/file.liexindev.net\/download\/2e94c0700206cc21i7g3gn","hot":[{"width":"100","height":"100","x":"0","y":"0","url":"1","pic":"http:\/\/file.liexindev.net\/download\/f3c9b0700207rbv1i7g3j5"},{"width":"0","height":"0","x":"0","y":"0","url":"","pic":""},{"width":"0","height":"0","x":"0","y":"0","url":"","pic":""}],"basic_elements":"customLayout"}}',
+                    h5_html: '',
+                    h5_html_config: '',
+                    update_time: 1685589609,
+                    is_activity_center_show: -1,
+                    image_pc: '',
+                    image_h5: '',
+                    web_url: 'http://www.liexin.com/v3/activity/lot',
+                    h5_url: 'http://m.liexin.com/v3/activity/lot',
+                    activity_status_name: '未上线',
+                    activity_type_name: '专题活动',
+                    activity_enable_name: '禁用'
+                },
+                msg: 'ok'
+            };
+
+            const result = json.data.web_html.replace(/\b(\d+)px\b/g, (match, $1) => `${$1}rpx`);
+            this.html = result;
+            this.$forceUpdate();
+            console.log(this.html);
         }
     }
 };
 </script>
 
 <style lang="scss">
-@import '@/assets/css/mine/activityCenter.scss';
+@import '@/assets/css/mine/activity.scss';
 </style>

router/index.js

@@ -266,7 +266,7 @@ const router = new Router({
         },
         {
             path: '/pages/mine/activity',
-            aliasPath: '/activity',
+            aliasPath: '/activity/:id',
             meta: {
                 title: '活动页面',
                 auth: true