| | |
| | | position: relative; |
| | | |
| | | .img { |
| | | width: 100%; |
| | | width: 242rpx; |
| | | max-height: 216rpx; |
| | | } |
| | | |
| | | .new { |
| | |
| | | <scroll-view bindscrolltolower="scrolltolower" scroll-y enable-passive enable-flex class="goods_list"> |
| | | <view wx:for="{{ datalist }}" data-id="{{item.id}}" class="item" bindtap="handleDetail"> |
| | | <view class="img_wrap"> |
| | | <image src="{{ item.coverImage }}" class="img" mode="widthFix"></image> |
| | | <image src="{{ item.coverImage }}" class="img" mode="aspectFit"></image> |
| | | <image wx:if="{{ item.isNew }}" class="new" src="../../static/icon/chanpin_ic_new@2x.png" mode="widthFix"></image> |
| | | </view> |
| | | <view class="name">{{ item.title }}</view> |
| | |
| | | } |
| | | |
| | | .strategy { |
| | | padding: 40rpx 40rpx; |
| | | padding: 80rpx 40rpx; |
| | | background: #F7F7F7; |
| | | |
| | | .item { |
| | | .item{ |
| | | position: relative; |
| | | |
| | | image { |
| | | width: 100%; |
| | | height: 100%; |
| | | position: absolute; |
| | | } |
| | | |
| | | text { |
| | | text{ |
| | | color: #fff; |
| | | position: absolute; |
| | | bottom: 40rpx; |
| | |
| | | font-weight: 500; |
| | | } |
| | | } |
| | | |
| | | |
| | | .line { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | |
| | | |
| | | .line_left { |
| | | width: 324rpx; |
| | | height: 304rpx; |
| | | height: 340rpx; |
| | | } |
| | | |
| | | |
| | | .line_right { |
| | | .item { |
| | | width: 322rpx; |
| | | height: 140rpx; |
| | | |
| | | height: 160rpx; |
| | | &:nth-last-child(1) { |
| | | margin-top: 24rpx; |
| | | margin-top: 20rpx; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | .home_id { |
| | | width: 670rpx; |
| | | height: 240rpx; |
| | |
| | | value: '0' |
| | | } |
| | | }, |
| | | |
| | | attached() { |
| | | const enjoyList = wx.getStorageSync('enjoyList') || [] |
| | | this.setData({ enjoyList }) |
| | | }, |
| | | /** |
| | | * 组件的初始数据 |
| | | */ |
| | | data: { |
| | | |
| | | enjoyList: [] |
| | | }, |
| | | |
| | | /** |
| | |
| | | font-size: 20rpx; |
| | | color: #666666; |
| | | margin-bottom: 20rpx; |
| | | position: relative; |
| | | .activeNum{ |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | background: #F70303; |
| | | color: #fff; |
| | | font-size: 20rpx; |
| | | line-height: 26rpx; |
| | | text-align: center; |
| | | border-radius: 50%; |
| | | position: absolute; |
| | | top: -8rpx; |
| | | right: 8rpx; |
| | | } |
| | | &:nth-last-child(1){ |
| | | margin-bottom: 0; |
| | | } |
| | |
| | | <view class="item" data-i="0" bindtap="jumpPage"> |
| | | <image src="../../static/icon/ic_kehuxihuan.png" mode="widthFix"></image> |
| | | <view>客户喜欢</view> |
| | | <view class="activeNum">{{ enjoyList.length }}</view> |
| | | </view> |
| | | <view wx:if="{{ showPurpose && showPurpose == '1' }}" class="item" data-i="2" bindtap="jumpPage"> |
| | | <image src="../../static/icon/ic_yixiang.png" mode="widthFix"></image> |
| | |
| | | font-size: 20rpx; |
| | | color: #666666; |
| | | margin-bottom: 20rpx; |
| | | position: relative; |
| | | } |
| | | .item .activeNum { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | background: #F70303; |
| | | color: #fff; |
| | | font-size: 20rpx; |
| | | line-height: 26rpx; |
| | | text-align: center; |
| | | border-radius: 50%; |
| | | position: absolute; |
| | | top: -8rpx; |
| | | right: 8rpx; |
| | | } |
| | | .item:nth-last-child(1) { |
| | | margin-bottom: 0; |
| | |
| | | cateList[activeIndex].paramIndex = -1 |
| | | cateList[activeIndex].paramName = '' |
| | | } |
| | | this.setData({ pageNum: 1,dataList: [],total: 0}) |
| | | this.setData({ tagCodes, cateList }) |
| | | console.log('tagCodes', tagCodes); |
| | | }, |
| | |
| | | background-color: #F7F7F7; |
| | | image{ |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | margin-right: 16rpx; |
| | | } |
| | | } |
| | |
| | | } |
| | | .search_wrap image { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | margin-right: 16rpx; |
| | | } |
| | | .app { |
| | |
| | | properties: { |
| | | menuButtonInfo: Object |
| | | }, |
| | | |
| | | /** |
| | | * 组件的初始数据 |
| | | */ |
| | | data: { |
| | | activeIndex: -1, |
| | | activeParam: [], |
| | |
| | | const paramIndex = e.currentTarget.dataset.index |
| | | const { secondCateList, tagCodes, activeParam, activeIndex } = this.data |
| | | const index = tagCodes.indexOf(code) |
| | | console.log('code', code); |
| | | console.log('tagCodes', tagCodes); |
| | | if(index === -1){ |
| | | // 同param里code重复 |
| | | if(activeParam && activeParam.length > 0){ |
| | |
| | | secondCateList[activeIndex].paramIndex = -1 |
| | | secondCateList[activeIndex].paramName = '' |
| | | } |
| | | this.setData({ pageNum: 1,datalist: [],total: 0}) |
| | | this.setData({ tagCodes, secondCateList }) |
| | | }, |
| | | changeShowParams(e){ |
| | |
| | | item.paramName = '' |
| | | }) |
| | | this.setData({ tagCodes: [],activeParam: [],secondCateList,activeIndex: -1 }) |
| | | this.getList() |
| | | }, |
| | | subParam() { |
| | | this.setData({ activeParam: [] }) |
| | |
| | | |
| | | image { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | margin-right: 16rpx; |
| | | } |
| | | } |
| | |
| | | |
| | | .img { |
| | | width: 242rpx; |
| | | height: 216rpx; |
| | | max-height: 216rpx; |
| | | } |
| | | |
| | | .new { |
| | |
| | | } |
| | | .search_wrap image { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | margin-right: 16rpx; |
| | | } |
| | | .app { |
| | |
| | | } |
| | | .main_content .main_right .goods_list .item .img_wrap .img { |
| | | width: 242rpx; |
| | | height: 216rpx; |
| | | max-height: 216rpx; |
| | | } |
| | | .main_content .main_right .goods_list .item .img_wrap .new { |
| | | width: 72rpx; |
| | |
| | | cateList[activeIndex].paramIndex = -1 |
| | | cateList[activeIndex].paramName = '' |
| | | } |
| | | this.setData({ pageNum: 1,dataList: [],total: 0}) |
| | | this.setData({ tagCodes, cateList }) |
| | | console.log('tagCodes', tagCodes); |
| | | }, |
| | | cancelParam() { |
| | | const { cateList } = this.data |
| | |
| | | |
| | | image { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | margin-right: 16rpx; |
| | | } |
| | | } |
| | |
| | | } |
| | | .search_wrap image { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | margin-right: 16rpx; |
| | | } |
| | | .app { |
| | |
| | | }) |
| | | }, |
| | | getDetail(id) { |
| | | const enjoyList = wx.getStorageSync('enjoyList') || [] |
| | | getWholecaseInfo({id}).then(res => { |
| | | this.setData({ info: res.data }) |
| | | const index = enjoyList.findIndex( i => i.id === res.data.id ) |
| | | this.setData({ info: { |
| | | ...res.data, isEnjoy: index > -1 |
| | | }}) |
| | | wx.setNavigationBarTitle({ |
| | | title: res.data.title |
| | | }) |
| | |
| | | } |
| | | }, |
| | | getDetail(id) { |
| | | const enjoyList = wx.getStorageSync('enjoyList') || [] |
| | | getRealcaseInfo({id}).then(res => { |
| | | this.setData({ info: res.data }) |
| | | const index = enjoyList.findIndex( i => i.id === res.data.id ) |
| | | this.setData({ info: { |
| | | ...res.data, isEnjoy: index > -1 |
| | | }}) |
| | | wx.setNavigationBarTitle({ |
| | | title: res.data.title |
| | | }) |
| | |
| | | onLoad() { |
| | | const res = wx.getMenuButtonBoundingClientRect() |
| | | this.setData({ |
| | | clientHeight: res.height |
| | | }) |
| | | this.setData({ |
| | | clientHeight: res.height, |
| | | clientTop: res.top |
| | | }) |
| | | |
| | | }, |
| | | onShow() { |
| | | this.initData() |
| | | }, |
| | | initData() { |
| | |
| | | |
| | | .line_left { |
| | | width: 324rpx; |
| | | height: 304rpx; |
| | | height: 340rpx; |
| | | } |
| | | |
| | | .line_right { |
| | | .item { |
| | | width: 322rpx; |
| | | height: 140rpx; |
| | | |
| | | height: 160rpx; |
| | | &:nth-last-child(1) { |
| | | margin-top: 24rpx; |
| | | margin-top: 20rpx; |
| | | } |
| | | } |
| | | } |
| | |
| | | </view> |
| | | <view class="imgs"> |
| | | <view wx:for="{{ DailyUpdates.newsList}}" class="img_wrap"> |
| | | <image class="img" src="{{ item.fileList[0].fileurlFull }}" mode="widthFix"></image> |
| | | <image class="img" src="{{ item.fileList[0].fileurlFull }}" mode="aspectFill"></image> |
| | | <image class="icon" src="{{everydayTop[index]}}" mode="widthFix"></image> |
| | | </view> |
| | | </view> |
| | |
| | | } |
| | | .strategy .line .line_left { |
| | | width: 324rpx; |
| | | height: 304rpx; |
| | | height: 340rpx; |
| | | } |
| | | .strategy .line .line_right .item { |
| | | width: 322rpx; |
| | | height: 140rpx; |
| | | height: 160rpx; |
| | | } |
| | | .strategy .line .line_right .item:nth-last-child(1) { |
| | | margin-top: 24rpx; |
| | | margin-top: 20rpx; |
| | | } |
| | | .strategy .home_id { |
| | | width: 670rpx; |
| | |
| | | wx.setStorageSync('enjoyList', enjoyList) |
| | | this.initData() |
| | | }, |
| | | itemClick(e) { |
| | | let map = [ |
| | | '/pages/detailDis/product', |
| | | '/pages/detailDis/case', |
| | | '/pages/detailDis/realpic', |
| | | '/pages/consult/detail', |
| | | ] |
| | | const { id, type } = e.currentTarget.dataset |
| | | wx.navigateTo({ |
| | | url: map[type] + '?id=' + id, |
| | | }) |
| | | }, |
| | | bind() { |
| | | const enjoyList = wx.getStorageSync('enjoyList') || [] |
| | | const temp = enjoyList.filter(i => i.checked) |
| | | if(temp.length == 0) return wx.showToast({ |
| | | title: '请先选择要关联的商品',icon:'none' |
| | | }) |
| | | wx.navigateTo({ |
| | | url: '/pages/kefu/select', |
| | | }) |
| | |
| | | <view class="line" wx:for="{{ day.list }}" wx:for-index="inde" wx:for-item="item"> |
| | | <image data-id="{{item.id}}" bindtap="itemCheck" wx:if="{{ item.checked }}" class="icon" src="../../static/icon/ic_select_sel@2x.png"></image> |
| | | <image data-id="{{item.id}}" bindtap="itemCheck" wx:else class="icon" src="../../static/icon/ic_select@2x.png"></image> |
| | | <image class="img" src="{{ item.coverImage }}" mode="aspectFill"></image> |
| | | <view class="content"> |
| | | <image data-type="{{item.joinType}}" data-id="{{item.id}}" bindtap="itemClick" class="img" src="{{ item.coverImage }}" mode="aspectFill"></image> |
| | | <view class="content" data-type="{{item.joinType}}" data-id="{{item.id}}" bindtap="itemClick"> |
| | | <view class="name">{{ item.title }}</view> |
| | | <view class="time">{{ item.joinTime }}</view> |
| | | </view> |
| | |
| | | } |
| | | .imgs{ |
| | | display: flex; |
| | | |
| | | flex-wrap: wrap; |
| | | .img_wrap{ |
| | | width: 184rpx; |
| | | height: 326rpx; |
| | | border-radius: 8rpx; |
| | | border: 1px solid; |
| | | position: relative; |
| | | margin-right: 20rpx; |
| | | margin-right: 19rpx; |
| | | margin-bottom: 20rpx; |
| | | &:nth-of-type(3n){ |
| | | margin-right: 0; |
| | | } |
| | |
| | | <view class="imgs"> |
| | | <video controls wx:if="{{item.fileType ==1 && item.fileList &&item.fileList.length}}" src="{{item.fileList[0].fileurlFull}}" class="video"></video> |
| | | <view wx:if="{{item.fileType !=1 && item.fileList}}" data-id="{{ item.id }}" wx:for-item="item1" wx:for="{{ item.fileList }}" class="img_wrap"> |
| | | <image class="img" mode="widthFix" src="{{item1.fileurlFull}}"></image> |
| | | <image class="img" mode="aspectFill" src="{{item1.fileurlFull}}"></image> |
| | | </view> |
| | | </view> |
| | | <view class="footer"> |
| | |
| | | background: #F7F7F7; |
| | | border-radius: 8rpx; |
| | | padding: 34rpx 40rpx 40rpx; |
| | | margin-bottom: 40rpx; |
| | | } |
| | | .content .time { |
| | | font-weight: 500; |
| | |
| | | } |
| | | .content .imgs { |
| | | display: flex; |
| | | width: 100%; |
| | | flex-wrap: wrap; |
| | | } |
| | | .content .imgs .img_wrap { |
| | | width: 184rpx; |
| | | height: 326rpx; |
| | | border-radius: 8rpx; |
| | | border: 1px solid; |
| | | position: relative; |
| | | margin-right: 20rpx; |
| | | margin-right: 19rpx; |
| | | margin-bottom: 20rpx; |
| | | } |
| | | .content .imgs .img_wrap:nth-of-type(3n) { |
| | |
| | | } |
| | | .content .imgs .img_wrap .img { |
| | | width: 100%; |
| | | max-height: 100%; |
| | | } |
| | | .content .imgs .video { |
| | | width: 100%; |
| | | max-height: 100%; |
| | | height: 100%; |
| | | } |
| | | .content .imgs .img_wrap .icon { |
| | | position: absolute; |
| | |
| | | */ |
| | | data: { |
| | | bottomLift: 0, |
| | | isShow: true, |
| | | isShow: false, |
| | | userCard: '', |
| | | isShow2: false, |
| | | userInfo: {} |
| | |
| | | filePath: res.tempFiles[0].tempFilePath, |
| | | name: 'file', |
| | | formData: { |
| | | folder: "member" |
| | | folder: "users" |
| | | }, |
| | | header: { |
| | | token: wx.getStorageSync('token') |
| | |
| | | filePath: res.tempFiles[0].tempFilePath, |
| | | name: 'file', |
| | | formData: { |
| | | folder: "member" |
| | | folder: "users" |
| | | }, |
| | | header: { |
| | | token: wx.getStorageSync('token') |
| | |
| | | topimg:'', |
| | | clientHeight: 0, |
| | | clientTop: 0, |
| | | showCard: false, |
| | | userInfo: {name:''} |
| | | }, |
| | | |
| | | |
| | | /** |
| | | * 生命周期函数--监听页面加载 |
| | | */ |
| | | onLoad(options) { |
| | | const res = wx.getMenuButtonBoundingClientRect() |
| | | this.setData({clientHeight: res.height}) |
| | | this.setData({clientTop: res.top}) |
| | | |
| | | }, |
| | | onShow() { |
| | | this.initData() |
| | | }, |
| | | showQrcode() { |
| | | this.setData({ showCard: true }) |
| | | }, |
| | | onClose() { |
| | | this.setData({ showCard: false }) |
| | | }, |
| | | changePath(e) { |
| | | const {userInfo} = this.data |
| | |
| | | }) |
| | | }, |
| | | onReady() { |
| | | }, |
| | | |
| | | /** |
| | | * 生命周期函数--监听页面显示 |
| | | */ |
| | | onShow() { |
| | | |
| | | }, |
| | | |
| | | /** |
| | |
| | | { |
| | | "usingComponents": {}, |
| | | "usingComponents": { |
| | | "van-popup": "@vant/weapp/popup/index" |
| | | }, |
| | | "navigationStyle": "custom" |
| | | } |
| | |
| | | padding: 72rpx 40rpx 48rpx; |
| | | color: #fff; |
| | | font-size: 26rpx; |
| | | background-color: aquamarine; |
| | | .content { |
| | | flex: 1; |
| | | |
| | |
| | | } |
| | | } |
| | | } |
| | | .modal{ |
| | | width: 600rpx; |
| | | height: 720rpx; |
| | | padding: 48rpx 40rpx; |
| | | border-radius: 16rpx; |
| | | .header{ |
| | | display: flex; |
| | | .avatar{ |
| | | width: 88rpx; |
| | | height: 88rpx; |
| | | border-radius: 50%; |
| | | margin-right: 24rpx; |
| | | } |
| | | .content{ |
| | | .name{font-size: 30rpx;} |
| | | .desc{ |
| | | font-size: 24rpx; |
| | | color: #999999; |
| | | margin-top: 12rpx; |
| | | } |
| | | } |
| | | } |
| | | .qrcode{ |
| | | width: 400rpx; |
| | | height: 400rpx; |
| | | margin: 60rpx auto 40rpx; |
| | | } |
| | | .text{ |
| | | font-size: 26rpx; |
| | | color: #999999; |
| | | text-align: center; |
| | | } |
| | | } |
| | | } |
| | |
| | | <view class="container"> |
| | | <view class="topbg" style="background-image:url('{{topimg}}');background-color: aquamarine;"> |
| | | <view class="navbar" style="padding-top: {{ clientTop }}px;height: {{clientHeight + clientTop}}px;">工作台</view> |
| | | <view class="userinfo" data-index="0" bindtap="changePath"> |
| | | <image class="avatar" src="{{userInfo.imgurlFull ? userInfo.imgurlFull : '../../static/images/default_avatar.png'}}"></image> |
| | | <view class="content" > |
| | | <view class="header"> |
| | | <view class="name">{{userInfo.name}}</view> |
| | | <view class="topbg" style="background-image:url('{{topimg}}');background-color: aquamarine;"> |
| | | <view class="navbar" style="padding-top: {{ clientTop }}px;height: {{clientHeight + clientTop}}px;">工作台</view> |
| | | <view class="userinfo"> |
| | | <image data-index="0" bindtap="changePath" class="avatar" src="{{userInfo.imgurlFull ? userInfo.imgurlFull : '../../static/images/default_avatar.png'}}"></image> |
| | | <view data-index="0" bindtap="changePath" class="content"> |
| | | <view class="header"> |
| | | <view class="name">{{userInfo.name}}</view> |
| | | </view> |
| | | <view class="addr">{{userInfo.phone}}</view> |
| | | <view class="detail">{{userInfo.shopName}}</view> |
| | | </view> |
| | | <view class="addr">{{userInfo.phone}}</view> |
| | | <view class="detail">{{userInfo.shopName}}</view> |
| | | <image data-index="0" bindtap="showQrcode" class="edit" src="../../static/icon/gongzuotai_ic_erweima@2x.png" mode="widthFix"></image> |
| | | </view> |
| | | <image data-index="0" bindtap="changePath" class="edit" src="../../static/icon/gongzuotai_ic_erweima@2x.png" mode="widthFix"></image> |
| | | </view> |
| | | </view> |
| | | <view class="main_content"> |
| | | <view class="func_list"> |
| | | <view class="line" data-index="1" bindtap="changePath"> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <!-- 详情 --> |
| | | <van-popup show="{{ showCard }}" closeable round bind:close="onClose"> |
| | | <view class="modal"> |
| | | <view class="header"> |
| | | <image class="avatar" src="{{userInfo.imgurlFull ? userInfo.imgurlFull : '../../static/images/default_avatar.png'}}"></image> |
| | | <view class="content"> |
| | | <view class="name">{{userInfo.name}}</view> |
| | | <view class="desc">导购 | {{userInfo.jobDate ||'0'}}年经验</view> |
| | | </view> |
| | | </view> |
| | | <image class="qrcode" src="{{userInfo.qrcodeImgFull}}"></image> |
| | | <view class="text">长按图片识别二维码</view> |
| | | </view> |
| | | </van-popup> |
| | | </view> |
| | |
| | | display: flex; |
| | | padding: 72rpx 40rpx 48rpx; |
| | | color: #fff; |
| | | font-size: 26rpx; |
| | | } |
| | | .container .topbg{ |
| | | background-size: 100% auto; |
| | | background-repeat: no-repeat; |
| | | font-size: 26rpx; |
| | | } |
| | | .container .userinfo .content { |
| | | flex: 1; |
| | |
| | | .container .main_content .func_list .line .icon { |
| | | width: 40rpx; |
| | | } |
| | | .container .modal { |
| | | width: 600rpx; |
| | | height: 720rpx; |
| | | padding: 48rpx 40rpx; |
| | | border-radius: 16rpx; |
| | | } |
| | | .container .modal .header { |
| | | display: flex; |
| | | } |
| | | .container .modal .header .avatar { |
| | | width: 88rpx; |
| | | height: 88rpx; |
| | | border-radius: 50%; |
| | | margin-right: 24rpx; |
| | | } |
| | | .container .modal .header .content .name { |
| | | font-size: 30rpx; |
| | | } |
| | | .container .modal .header .content .desc { |
| | | font-size: 24rpx; |
| | | color: #999999; |
| | | margin-top: 12rpx; |
| | | } |
| | | .container .modal .qrcode { |
| | | width: 400rpx; |
| | | height: 400rpx; |
| | | margin: 60rpx auto 40rpx; |
| | | } |
| | | .container .modal .text { |
| | | font-size: 26rpx; |
| | | color: #999999; |
| | | text-align: center; |
| | | } |