事件对比

dev
Esdese 3 years ago
parent 316f673989
commit 043c0c3c3e

@ -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"
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 792 B

@ -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"/>

@ -13,6 +13,7 @@
margin-top:160rpx;
display: flex;
align-content: space-between;
margin-bottom: 82rpx;
}
.btns{
color: #0084FF;

@ -1,5 +1,6 @@
{
"usingComponents": {},
"navigationBarTitleText":"绑定账号"
"navigationBarTitleText":"绑定账号",
"navigationBarBackgroundColor":"#ffffff",
"navigationBarTextStyle":"black"
}

@ -0,0 +1,68 @@
// pages/mine/pages/helpCenter/index.js
Page({
/**
* 页面的初始数据
*/
data: {
fileList:[]
},
afterRead(){
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

@ -0,0 +1,6 @@
{
"usingComponents": {},
"navigationBarTitleText":"帮助中心",
"navigationBarBackgroundColor":"#ffffff",
"navigationBarTextStyle":"black"
}

@ -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>

@ -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;
}

@ -1,4 +1,6 @@
{
"usingComponents": {},
"navigationBarTitleText":"我的报告"
"navigationBarTitleText":"我的报告",
"navigationBarBackgroundColor":"#ffffff",
"navigationBarTextStyle":"black"
}

@ -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"

@ -31,4 +31,11 @@
page{
background: #f9f9f9;
}
.title{
overflow:hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;
}

@ -1,5 +1,6 @@
{
"usingComponents": {
"c-echars": "../../components/c-echars/index"
"c-echars": "../../components/c-echars/index",
"event-child":"./pages/event/index"
}
}

@ -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>

@ -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;
}

@ -0,0 +1,66 @@
// pages/varComm/pages/event/index.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

@ -0,0 +1,3 @@
{
"usingComponents": {}
}

@ -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>

@ -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;
}
Loading…
Cancel
Save