diff --git a/app.json b/app.json
index 9a8b1cf..bd45fea 100644
--- a/app.json
+++ b/app.json
@@ -8,7 +8,8 @@
     "pages/mine/index",
     "pages/logs/logs",
     "pages/mine/pages/bindUser/index",
-    "pages/mine/pages/myReport/index"
+    "pages/mine/pages/myReport/index",
+    "pages/mine/pages/helpCenter/index"
   ],
   "window": {
     "backgroundTextStyle": "light",
@@ -66,8 +67,8 @@
     "van-tab": "@vant/weapp/tab/index",
     "van-tabs": "@vant/weapp/tabs/index",
     "van-image": "@vant/weapp/image/index",
-    "van-transition": "@vant/weapp/transition/index"
-    
+    "van-transition": "@vant/weapp/transition/index",
+    "van-uploader": "@vant/weapp/uploader/index"
   }
   
 }
\ No newline at end of file
diff --git a/images/jia.png b/images/jia.png
new file mode 100644
index 0000000..4f67b6e
Binary files /dev/null and b/images/jia.png differ
diff --git a/pages/mine/index.wxml b/pages/mine/index.wxml
index d5212a4..04af837 100644
--- a/pages/mine/index.wxml
+++ b/pages/mine/index.wxml
@@ -13,7 +13,9 @@
         <van-cell title="账号绑定" is-link icon="/images/my_con1.png" border="{{false}}" title-class='cell_label'
         url='./pages/bindUser/index'
         link-type="navigateTo" />
-        <van-cell title="帮助中心" is-link icon="/images/my_con2.png" border="{{false}}" title-class='cell_label' />
+        <van-cell title="帮助中心" is-link icon="/images/my_con2.png" border="{{false}}" title-class='cell_label'
+        url='./pages/helpCenter/index'
+        link-type="navigateTo" />
         <van-cell title="我的报告" is-link icon="/images/my_con3.png" border="{{false}}" title-class='cell_label' 
         url='./pages/myReport/index'
         link-type="navigateTo"/>
diff --git a/pages/mine/index.wxss b/pages/mine/index.wxss
index bf00242..f218120 100644
--- a/pages/mine/index.wxss
+++ b/pages/mine/index.wxss
@@ -13,6 +13,7 @@
     margin-top:160rpx;
     display: flex;
     align-content: space-between;
+    margin-bottom: 82rpx;
 }
 .btns{
     color: #0084FF;
diff --git a/pages/mine/pages/bindUser/index.json b/pages/mine/pages/bindUser/index.json
index 2907a89..7d53d1e 100644
--- a/pages/mine/pages/bindUser/index.json
+++ b/pages/mine/pages/bindUser/index.json
@@ -1,5 +1,6 @@
 {
     "usingComponents": {},
-    "navigationBarTitleText":"绑定账号"
-
+    "navigationBarTitleText":"绑定账号",
+    "navigationBarBackgroundColor":"#ffffff",
+    "navigationBarTextStyle":"black"
 }
\ No newline at end of file
diff --git a/pages/mine/pages/helpCenter/index.js b/pages/mine/pages/helpCenter/index.js
new file mode 100644
index 0000000..76eb322
--- /dev/null
+++ b/pages/mine/pages/helpCenter/index.js
@@ -0,0 +1,68 @@
+// pages/mine/pages/helpCenter/index.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        fileList:[]
+    },
+    afterRead(){
+
+    },
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})
\ No newline at end of file
diff --git a/pages/mine/pages/helpCenter/index.json b/pages/mine/pages/helpCenter/index.json
new file mode 100644
index 0000000..84a9ee1
--- /dev/null
+++ b/pages/mine/pages/helpCenter/index.json
@@ -0,0 +1,6 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText":"帮助中心",
+    "navigationBarBackgroundColor":"#ffffff",
+    "navigationBarTextStyle":"black"
+}
\ No newline at end of file
diff --git a/pages/mine/pages/helpCenter/index.wxml b/pages/mine/pages/helpCenter/index.wxml
new file mode 100644
index 0000000..f180290
--- /dev/null
+++ b/pages/mine/pages/helpCenter/index.wxml
@@ -0,0 +1,11 @@
+<!--pages/mine/pages/helpCenter/index.wxml-->
+<view style="margin-top:32rpx;margin-left:32rpx;font-size: 28rpx; font-weight: bold;">问题描述</view>
+<view class="center">
+    <textarea placeholder="请输入您的问题并上传页面截屏可帮助技术人员更快地解决问题" placeholder-class="placeholder-style"></textarea>
+    <view style="margin-left:32rpx">
+        <van-uploader file-list="{{ fileList }}" bind:after-read="afterRead" />
+    </view>
+</view>
+<view style="margin-top:32rpx;margin-left:32rpx;font-size: 28rpx; font-weight: bold;">联系方式</view>
+<input type="text" placeholder="请输入您的手机号码方便联系" placeholder-class="placeholder-style2" />
+<button>提交</button>
diff --git a/pages/mine/pages/helpCenter/index.wxss b/pages/mine/pages/helpCenter/index.wxss
new file mode 100644
index 0000000..714a0df
--- /dev/null
+++ b/pages/mine/pages/helpCenter/index.wxss
@@ -0,0 +1,39 @@
+/* pages/mine/pages/helpCenter/index.wxss */
+page{
+    background: #f6f6f6;
+}
+.center{
+    height: 488rpx;
+    background: white;
+    width: 100%;
+    margin-top: 24rpx;
+    padding-top: 32rpx;
+}
+.center textarea{
+    /* background: pink; */
+    width: 686rpx;
+    margin-left: 32rpx;
+    font-size: 28rpx;
+    color: #333333;
+}
+.placeholder-style{
+    font-size: 24rpx;
+}
+.placeholder-style2{
+    font-size: 24rpx;
+}
+input{
+    background: white;
+    height: 92rpx;
+    font-size:24rpx ;
+    margin-top: 32rpx;
+    padding-left: 32rpx;
+}
+button{
+    width: 686rpx;
+    background:#027aff;
+    font-size: 28rpx;
+    height: 72rpx;
+    color: rgba(255, 255, 255, 1);
+    margin-top: 96rpx;
+}
\ No newline at end of file
diff --git a/pages/mine/pages/myReport/index.json b/pages/mine/pages/myReport/index.json
index abd92a4..8ba771e 100644
--- a/pages/mine/pages/myReport/index.json
+++ b/pages/mine/pages/myReport/index.json
@@ -1,4 +1,6 @@
 {
     "usingComponents": {},
-    "navigationBarTitleText":"我的报告"
+    "navigationBarTitleText":"我的报告",
+    "navigationBarBackgroundColor":"#ffffff",
+    "navigationBarTextStyle":"black"
 }
\ No newline at end of file
diff --git a/pages/mine/pages/myReport/index.wxml b/pages/mine/pages/myReport/index.wxml
index 2d30ef4..e90b4f8 100644
--- a/pages/mine/pages/myReport/index.wxml
+++ b/pages/mine/pages/myReport/index.wxml
@@ -3,7 +3,7 @@
             <van-image  width="64rpx" height="64rpx" fit='cover' src="/images/my_ppt.png"
             custom-class='img1'/>
             <view class="ppt_cneter">
-                <view style="font-size: 28rpx;font-weight: bold;">测试v7_PPT主题分析报告</view>
+                <view style="font-size: 28rpx;font-weight: bold;" class="title">测试v7_PPT主题分析报告</view>
                 <view style="font-size: 24rpx; color: #9d9d9d;">2022-06-15 11:24:47</view>
             </view>
             <van-image  width="48rpx" height="48rpx" fit='cover' src="/images/my_right.png"
@@ -13,7 +13,7 @@
             <van-image  width="64rpx" height="64rpx" fit='cover' src="/images/my_ppt.png"
             custom-class='img1'/>
             <view class="ppt_cneter">
-                <view style="font-size: 28rpx;font-weight: bold;">测试v7_PPT主题分析报告</view>
+                <view style="font-size: 28rpx;font-weight: bold;" class="title">测试v7_PPT主题分析报告aaaaaaaaaa</view>
                 <view style="font-size: 24rpx; color: #9d9d9d;">2022-06-15 11:24:47</view>
             </view>
             <van-image  width="48rpx" height="48rpx" fit='cover' src="/images/my_right.png"
diff --git a/pages/mine/pages/myReport/index.wxss b/pages/mine/pages/myReport/index.wxss
index 63db5a2..0c28750 100644
--- a/pages/mine/pages/myReport/index.wxss
+++ b/pages/mine/pages/myReport/index.wxss
@@ -31,4 +31,11 @@
 
 page{
     background: #f9f9f9;
+}
+.title{
+    overflow:hidden;
+    text-overflow: ellipsis;
+    display:-webkit-box;
+    -webkit-line-clamp:1;   
+    -webkit-box-orient: vertical;
 }
\ No newline at end of file
diff --git a/pages/varComm/index.json b/pages/varComm/index.json
index 4c20ed2..c2d7ca8 100644
--- a/pages/varComm/index.json
+++ b/pages/varComm/index.json
@@ -1,5 +1,6 @@
 {
     "usingComponents": {
-        "c-echars": "../../components/c-echars/index"
+        "c-echars": "../../components/c-echars/index",
+        "event-child":"./pages/event/index"
     }
 }
\ No newline at end of file
diff --git a/pages/varComm/index.wxml b/pages/varComm/index.wxml
index c0b0e1c..5d201e4 100644
--- a/pages/varComm/index.wxml
+++ b/pages/varComm/index.wxml
@@ -1,3 +1,9 @@
 <view class="container">
-  <c-echars showChart="{{showChart}}" canvasId="eventbar-canvas" chartId="eventbar" chartOption="{{chartOption}}" height="100%"></c-echars>
-</view>
+    <!-- <c-echars showChart="{{showChart}}" canvasId="eventbar-canvas" chartId="eventbar" chartOption="{{chartOption}}" height="100%"></c-echars> -->
+    <van-tabs class="menu-tabs" active="{{ active }}" ellipsis="{{false}}" animated="{{true}}" bind:change="changeTab">
+        <van-tab title="品牌对比">1</van-tab>
+        <van-tab title="车型对比">内容 2</van-tab>
+        <van-tab title="事件对比"><event-child></event-child></van-tab>
+        <van-tab title="主题对比">内容 4</van-tab>
+    </van-tabs>
+</view>
\ No newline at end of file
diff --git a/pages/varComm/index.wxss b/pages/varComm/index.wxss
index fa11f64..1751d80 100644
--- a/pages/varComm/index.wxss
+++ b/pages/varComm/index.wxss
@@ -1,4 +1,21 @@
 .container {
     width: 100%;
-    height: 330px;
 }
+.menu-tabs .van-tabs__nav{
+    background-color: #006BFF;/* 标签背景颜色 */
+  }
+  .menu-tabs .van-tab {
+    color: #98CDFF; /* 字体颜色 */
+    background-color: #006BFF;/* 标签背景颜色 */
+   }
+  
+   .menu-tabs .van-tab--active{
+    color: #FFFFFF; /* 字体颜色 */
+    font-size: 17px;
+   }
+   .menu-tabs .van-tabs__line {
+    background: transparent;
+   }
+   .menu-tabs  .van-sticky .van-sticky-wrap{
+       margin-left: -24rpx;
+   }
\ No newline at end of file
diff --git a/pages/varComm/pages/event/index.js b/pages/varComm/pages/event/index.js
new file mode 100644
index 0000000..9789c72
--- /dev/null
+++ b/pages/varComm/pages/event/index.js
@@ -0,0 +1,66 @@
+// pages/varComm/pages/event/index.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})
\ No newline at end of file
diff --git a/pages/varComm/pages/event/index.json b/pages/varComm/pages/event/index.json
new file mode 100644
index 0000000..3928faa
--- /dev/null
+++ b/pages/varComm/pages/event/index.json
@@ -0,0 +1,3 @@
+{
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/pages/varComm/pages/event/index.wxml b/pages/varComm/pages/event/index.wxml
new file mode 100644
index 0000000..c142318
--- /dev/null
+++ b/pages/varComm/pages/event/index.wxml
@@ -0,0 +1,48 @@
+<view class="box">
+    <view class="add">
+        <view class="add_box">
+            <view class="heng"></view>
+            <view class="shu"></view>
+            <view class="event">添加事件一</view>
+        </view>
+        <view class="add_box">
+            <view class="heng"></view>
+            <view class="shu"></view>
+            <view class="event">添加事件二</view>
+        </view>
+    </view>
+    <button class="btns">开始对比</button>
+    <view class="event_recom">
+        <text style="font-size: 40rpx;font-weight: bolder;">事件推荐</text>
+        <view class="event_card">
+            <view class="card_head">
+                <checkbox></checkbox>
+                <view style="display: inline-block; font-size: 24rpx;color: rgba(153, 153, 153, 1);margin-left:16rpx;">
+                    2022-04-29 23:02:01
+                    </view>
+                <view class="tag"> 新车上市</view>
+            </view>
+            <view class="card_title">
+                <text>买新车前你会考虑它的保值率吗？随着人12333333333333333333</text>
+            </view>
+            <view class="card_label" style="margin-top: 32rpx;">
+                <text style="color: rgba(153, 153, 153, 1);">文章篇数(条)</text>
+                <text>199189</text>
+            </view> 
+            <view class="card_label" style="margin-top: 24rpx;">
+                <text style="color: rgba(153, 153, 153, 1);">相关品牌</text>
+                <text>比亚迪</text>
+            </view> 
+            <view class="card_label" style="margin-top: 24rpx;">
+                <text style="color: rgba(153, 153, 153, 1);">相关车型</text>
+                <text>比亚迪汉</text>
+            </view> 
+            <view class="card_label" style="margin-top: 24rpx;">
+                <text style="color: rgba(153, 153, 153, 1);">传播周期(条)</text>
+                <text>14</text>
+            </view> 
+        </view>
+
+    </view>
+    
+</view>
\ No newline at end of file
diff --git a/pages/varComm/pages/event/index.wxss b/pages/varComm/pages/event/index.wxss
new file mode 100644
index 0000000..af81459
--- /dev/null
+++ b/pages/varComm/pages/event/index.wxss
@@ -0,0 +1,122 @@
+/* pages/varComm/pages/event/index.wxss */
+page {
+    background-color: #f9f9f9;
+}
+
+.box {
+    /* height:400rpx; */
+    background: #006bff;
+    padding-top: 16rpx;
+}
+
+.add {
+    height: 222rpx;
+    /* background-color: pink; */
+    display: flex;
+    justify-content: space-around;
+}
+
+.add_box {
+    height: 218rpx;
+    width: 328rpx;
+    background-color: #339cff;
+    border-radius: 8rpx;
+    border: 2rpx solid #85c3ff;
+    overflow: hidden;
+}
+
+.heng {
+    height: 8rpx;
+    width: 72rpx;
+    background: white;
+    border-radius: 6rpx;
+    position: relative;
+    left: 128rpx;
+    top: 82rpx
+}
+
+.shu {
+    width: 8rpx;
+    height: 72rpx;
+    background: white;
+    border-radius: 6rpx;
+    position: relative;
+    left: 160rpx;
+    top: 45rpx
+}
+
+.event {
+    display: inline-block;
+    color: white;
+    font-size: 28rpx;
+    margin-left: 98rpx;
+    margin-top: 60rpx;
+}
+
+.btns {
+    margin-top: 32rpx;
+    width: 686rpx;
+    height: 88rpx;
+    font-weight: bold;
+    line-height: 88rpx;
+    color: rgba(0, 132, 255, 1);
+    font-size: 28rpx;
+}
+
+.event_recom {
+    margin-top: 32rpx;
+    min-height: 1000rpx;
+    background-color: #f9f9f9;
+    border-top-left-radius: 24rpx;
+    border-top-right-radius: 24rpx;
+    padding-top: 32rpx;
+    padding-left: 32rpx;
+}
+
+.event_card {
+    width: 686rpx;
+    height: 350rpx;
+    background-color: white;
+    margin-top: 32rpx;
+    padding-top: 36rpx;
+}
+
+.card_head {
+    margin-left: 32rpx;
+}
+
+checkbox .wx-checkbox-input {
+    height: 32rpx;
+    width: 32rpx;
+}
+
+.tag {
+    display: inline-block;
+    background: #f0f8ff;
+    color: rgba(0, 132, 255, 1);
+    width: 128rpx;
+    height: 40rpx;
+    font-size: 24rpx;
+    text-align: center;
+    line-height: 40rpx;
+    margin-left: 210rpx;
+}
+.card_title{
+    overflow:hidden;
+    text-overflow: ellipsis;
+    display:-webkit-box;
+    -webkit-line-clamp:1;   
+    -webkit-box-orient: vertical;
+    margin-left: 32rpx;
+    margin-top: 24rpx;
+    font-size: 32rpx;
+    font-weight: bolder;
+}
+.card_label{
+    width: 622rpx;
+    margin-left: 32rpx;
+    display: flex;
+    font-size: 28rpx;
+    height: 24rpx;
+    justify-content:space-between;
+}
\ No newline at end of file