Skip to content

W
wechatapp.shangjiadao.com
Commit 9d457bc6 authored by sujie@126.com's avatar sujie@126.com
Browse files
Options

dd

parent e2e637b0
Hide whitespace changes
Inline Side-by-side
Showing with 187 additions and 68 deletions
src/pages/myinfluence/influencelist.js
View file @ 9d457bc6
......@@ -17,8 +17,9 @@ Page({
titleBarHeight: app.globalData.titleBarHeight,
statusBarHeight: app.globalData.statusBarHeight,
tabList: [{name:'好友查看', index:0}, {name:'好友转发', index:1} ,{name:'留下线索', index:2}],
acIndex:0,
acIndex:2,
isExpend: false,
localImageRoot: '../../../images/',
},
/**
......
src/pages/myinfluence/influencelist.wxml
View file @ 9d457bc6
<!--src/pages/myinfluence/influencelist.wxml-->
<wxs src="../../../filter/index.wxs" module="filter" />
<view class="container">
<view class="header-box">
<view class="back-box" style="padding-top: {{titleBarHeight+11}}px;"><image class="" src="{{imageRoot}}2c/optimize/icon_wxback.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /></view>
<view class="title">我的影响力</view>
<view class="tab-list">
<view class="tab-item {{index == acIndex? 'act-tab' :''}}" wx:for="{{tabList}}" wx:key="{{index}}" data-index="{{index}}" bindtap="tabHandle">{{item.name}}<view class="act-line" wx:if="{{index == acIndex}}"></view></view>
</view>
</view>
<view class="contnet-box" hidden="{{acIndex!=0}}">
<view class="list-item">
<view class="date-box">2019年6月30日</view>
<view class="outline-box" style="{{isExpend ? '':'padding-bottom:0;'}}">
<view class="count">632位好友查看</view>
<view class="avatar-box">
<image class="avatar" src="{{imageRoot}}common/empty/avatar_user.png?{{imageVersion}}"></image>
</view>
<view class="getMore-btn" wx:if="{{!isExpend}}" bindtap="expendHandle" data-flag="{{true}}">展开访问明细<image class="" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /></view>
<view class="header-box">
<view class="back-box" style="padding-top: {{titleBarHeight+11}}px;"><image class="" src="{{imageRoot}}2c/optimize/icon_wxback.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /></view>
<view class="title">我的影响力</view>
<view class="tab-list">
<view class="tab-item {{index == acIndex? 'act-tab' :''}}" wx:for="{{tabList}}" wx:key="{{index}}" data-index="{{index}}" bindtap="tabHandle">{{item.name}}<view class="act-line" wx:if="{{index == acIndex}}"></view></view>
</view>
<view class="detail-box" wx:if="{{isExpend}}">
<view class="table-header">
<view class="name">好友微信昵称</view>
<view class="name">访问来源</view>
</view>
<view class="contnet-box" hidden="{{acIndex!=0}}">
<view class="list-item">
<view class="date-box">2019年6月30日</view>
<view class="outline-box" style="{{isExpend ? '':'padding-bottom:0;'}}">
<view class="count">632位好友查看</view>
<view class="avatar-box">
<image class="avatar" src="{{imageRoot}}common/empty/avatar_user.png?{{imageVersion}}"></image>
</view>
<view class="getMore-btn" wx:if="{{!isExpend}}" bindtap="expendHandle" data-flag="{{true}}">展开访问明细<image class="" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /></view>
</view>
<view class="detail-list">
<view class="detail-item">
<view class="visitor-info">
<view class="visitor-avatar"><image class="" src="{{imageRoot}}common/empty/avatar_user.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /></view>
<view class="action">
<view class="nickname">张晓丽</view>
<view class="action-detail">
<text class="action-time" selectable="false" space="false" decode="false">2019.08.09 20:01</text>
<text class="action-text" selectable="false" space="false" decode="false">访问我的打卡详情</text>
<view class="detail-box" wx:if="{{isExpend}}">
<view class="table-header">
<view class="name">好友微信昵称</view>
<view class="name">访问来源</view>
</view>
<view class="detail-list">
<view class="detail-item">
<view class="visitor-info">
<view class="visitor-avatar"><image class="" src="{{imageRoot}}common/empty/avatar_user.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /></view>
<view class="action">
<view class="nickname">张晓丽</view>
<view class="action-detail">
<text class="action-time" selectable="false" space="false" decode="false">2019.08.09 20:01</text>
<text class="action-text" selectable="false" space="false" decode="false">访问我的打卡详情</text>
</view>
</view>
<view class="access-content">
<image class="img" src="" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
<image class="play-icon" src="{{localImageRoot}}2c/myinfluence/play-icon.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
</view>
</view>
<view class="lately-log">
<view class="log-title"><image class="" src="{{localImageRoot}}2c/myinfluence/time_icon.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />最近访客记录</view>
<view class="log-item">20:01访问了「小星星英语培训班」张晓丽的打卡详情</view>
</view>
<view class="access-content">
<image class="" src="" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
</view>
</view>
<view class="lately-log">
<view class="log-title"><image class="" src="{{imageRoot}}2b/common/ex-clock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />最近访客记录</view>
<view class="log-item">20:01访问了「小星星英语培训班」张晓丽的打卡详情</view>
</view>
</view>
</view>
<view class="btn-box">
<view class="more-btn">点击加载更多</view>
<view class="retract-btn" bindtap="expendHandle" data-flag="{{false}}">收起明细<image class="" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /></view>
</view>
</view>
<view class="btn-box">
<view class="more-btn">点击加载更多</view>
<view class="retract-btn" bindtap="expendHandle" data-flag="{{false}}">收起明细<image class="" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /></view>
</view>
</view>
</view>
</view>
</view>
<view class="contnet-box" hidden="{{acIndex!=1}}">
<view class="contnet-box" hidden="{{acIndex!=1}}">
<view class="list-item">
<view class="date-box">2019年6月30日</view>
<view class="outline-box" style="{{isExpend ? '':'padding-bottom:0;'}}">
......@@ -79,14 +79,10 @@
</view>
</view>
<view class="access-content">
<image class="" src="" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
<image class="text-icon" src="{{localImageRoot}}2c/myinfluence/text_icon.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
<view class="text">文本</view>
</view>
</view>
<view class="lately-log">
<view class="log-title"><image class="" src="{{imageRoot}}2b/common/ex-clock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />最近访客记录</view>
<view class="log-item">20:01访问了「小星星英语培训班」张晓丽的打卡详情</view>
</view>
</view>
</view>
<view class="btn-box">
......@@ -96,30 +92,30 @@
</view>
</view>
</view>
<view class="contnet-box" hidden="{{acIndex!=2}}">
<view class="contnet-box clue-box" hidden="{{acIndex!=2}}">
<view class="table-header">好友微信昵称</view>
<view class="detail-list">
<view class="detail-item">
<view class="visitor-info">
<view class="visitor-avatar"><image class="" src="{{imageRoot}}common/empty/avatar_user.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /></view>
<view class="action">
<view class="visitor-avatar">
<image class="" src="{{imageRoot}}common/empty/avatar_user.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
<view class="nickname">张晓丽</view>
<view class="action-detail">
<text class="action-time" selectable="false" space="false" decode="false">2019.08.09 20:01</text>
<text class="action-text" selectable="false" space="false" decode="false">转发了你的打卡内容</text>
</view>
</view>
<view class="access-content">
<image class="" src="" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
<image class="audio-icon" src="{{localImageRoot}}2c/myinfluence/audio_icon.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
<view class="text">录音</view>
</view>
</view>
<view class="lately-log">
<view class="log-title"><image class="" src="{{imageRoot}}2b/common/ex-clock.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />最近访客记录</view>
<view class="log-item">20:01访问了「小星星英语培训班」张晓丽的打卡详情</view>
<view class="log-title"><image class="" src="{{localImageRoot}}2c/myinfluence/time_icon.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />最后访问记录</view>
<view class="log-item">20:01 <text class="" selectable="false" space="false" decode="false">访问了「小星星英语培训班」张晓丽的打卡详情</text></view>
</view>
<view class="leave-phone">
<image class="phone-icon" src="{{localImageRoot}}2c/myinfluence/phone_icon.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
<text class="action-text" selectable="false" space="false" decode="false">留下的手机号：</text>
<text class="phone-number" selectable="false" space="false" decode="false">18735124569</text>
</view>
</view>
</view>
</view>
</view>
src/pages/myinfluence/influencelist.wxss
View file @ 9d457bc6
......@@ -119,7 +119,7 @@
.contnet-box .list-item .detail-box .table-header{
height:70rpx;
background:rgba(255,255,255,1);
box-shadow:0px 4px 6px 0px rgba(0, 0, 0, 0.05);
box-shadow:0px 4rpx 6rpx 0px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
justify-content: space-between;
......@@ -172,21 +172,32 @@
}
.contnet-box .list-item .detail-box .detail-list .detail-item .visitor-info .action .action-detail .action-time{
color: #8A8A8A;
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
line-height: 1;
}
.contnet-box .list-item .detail-box .detail-list .detail-item .visitor-info .action .action-detail .action-text{
color: #000000;
font-weight: bold;
font-size:26rpx;
font-family:PingFang SC;
line-height: 1;
}
.contnet-box .list-item .detail-box .detail-list .detail-item .access-content{
.access-content{
width:100rpx;
height:100rpx;
border-radius:6rpx;
margin-left: 18rpx;
position: relative;
}
.contnet-box .list-item .detail-box .detail-list .detail-item .access-content image{
.access-content .img{
width:100rpx;
height:100rpx;
border-radius:6rpx;
position: absolute;
left: 0;
top: 0;
}
.lately-log{
padding-top: 30rpx;
......@@ -253,4 +264,115 @@
height: 21rpx;
transform: rotate(-90deg);
margin-left: 14rpx;
}
.clue-box{
background: #fff;
border-radius:20rpx;
}
.clue-box .table-header{
height:70rpx;
background:rgba(255,255,255,1);
box-shadow:0px 4rpx 6rpx 0px rgba(0, 0, 0, 0.05);
border-radius:20rpx 20rpx 0px 0px;
display: flex;
align-items: center;
padding-left: 21rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(108,122,151,1);
margin-bottom: 10rpx;
}
.clue-box .detail-list{
background:rgba(255,255,255,1);
padding: 8rpx 20rpx 30rpx 20rpx;
border-bottom: 1px solid rgba(0,0,0,.05);
}
.clue-box .visitor-info{
display: flex;
align-items: center;
justify-content: space-between;
}
.clue-box .visitor-avatar{
display: flex;
align-items: center;
}
.clue-box .visitor-avatar image{
width:72rpx;
height:72rpx;
border-radius:50%;
margin-right: 20rpx;
}
.clue-box .visitor-avatar .nickname{
font-size:26rpx;
font-family:PingFang SC;
font-weight:bold;
color:rgba(108,122,151,1);
}
.access-content{
width:100rpx;
height:100rpx;
background:rgba(243,243,243,1);
border-radius:6rpx;
text-align: center;
padding-top: 15rpx;
}
.access-content .audio-icon{
width: 32rpx;
height: 20rpx;
}
.access-content .text-icon{
width: 25rpx;
height: 23rpx;
}
.access-content .play-icon{
width: 46rpx;
height: 46rpx;
position: absolute;
left: 50%;
top:50%;
margin-top: -23rpx;
margin-left: -23rpx;
z-index: 2;
}
.access-content .text{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(138,138,138,1);
}
.clue-box .lately-log{
}
.clue-box .lately-log .log-title{
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(145,145,145,1);
}
.clue-box .lately-log .log-item text{
font-size:24rpx;
color:#000000;
}
.clue-box .leave-phone{
display: flex;
align-items: center;
}
.clue-box .leave-phone .phone-icon{
width:32rpx;
height:32rpx;
margin-right: 16rpx;
}
.clue-box .leave-phone .action-text{
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(145,145,145,1);
padding-right: 10rpx;
}
.clue-box .leave-phone .phone-number{
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
color:#118EE8;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment