| | |
| | | <picker mode="multiSelector" model:value="{{pickerValue}}" range-key="label" range="{{range}}" bindchange="onChange" |
| | | bindcolumnchange="columnChange"> |
| | | <view style="width:400rpx;padding-left: 30rpx;white-space: nowrap;text-overflow: ellipsis; overflow:hidden;"> |
| | | <view style="width:400rpx;white-space: nowrap;text-overflow: ellipsis; overflow:hidden;"> |
| | | <!-- 如果已经选择了选项,则显示选项的label属性,否则显示placeholder属性。 --> |
| | | <text wx:if="{{label}}"> {{ label }} </text> |
| | | <text style="color: #999" wx:else> {{ placeholder }}</text> |
| | |
| | | flex: 1; |
| | | position: relative; |
| | | height: 100%; |
| | | .query_wrap_scroll{ |
| | | width: 540rpx; |
| | | padding-left: 40rpx; |
| | | } |
| | | .query_wrap { |
| | | display: flex; |
| | | width: 100%; |
| | | flex-wrap: nowrap; |
| | | .item { |
| | | width: 50%; |
| | | flex-shrink: 0; |
| | | margin-right: 48rpx; |
| | | height: 100rpx; |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | <!-- </view> --> |
| | | </scroll-view> |
| | | <view class="main_right"> |
| | | <scroll-view class="query_wrap_scroll" scroll-x> |
| | | <view class="query_wrap"> |
| | | <view data-index="{{index}}" wx:for="{{ secondCateList }}" class="item" bindtap="changeShowParams"> |
| | | <view class="name">{{ item.tempParamName || item.labelName }}</view> |
| | | <van-icon name="{{ index == activeIndex ? 'arrow-up' : 'arrow-down' }}" /> |
| | | </view> |
| | | </view> |
| | | </scroll-view> |
| | | <view wx:if="{{ activeParam.length > 0 }}" class="query_form"> |
| | | <view class="list"> |
| | | <view data-index="{{index}}" data-tempindex="{{item.tempParamIndex}}" data-code="{{ item.labelValueCode }}" bindtap="tagClick" wx:for="{{ activeParam }}" class="item {{ secondCateList[activeIndex].tempParamIndex === index ? 'active' : '' }}">{{ item.labelValueName }}</view> |
| | |
| | | position: relative; |
| | | height: 100%; |
| | | } |
| | | .main_content .main_right .query_wrap_scroll { |
| | | width: 540rpx; |
| | | padding-left: 40rpx; |
| | | } |
| | | .main_content .main_right .query_wrap { |
| | | display: flex; |
| | | width: 100%; |
| | | flex-wrap: nowrap; |
| | | } |
| | | .main_content .main_right .query_wrap .item { |
| | | width: 50%; |
| | | flex-shrink: 0; |
| | | margin-right: 48rpx; |
| | | height: 100rpx; |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | margin-left: 40rpx; |
| | | height: 60rpx; |
| | | .item { |
| | | margin-right: 54rpx; |
| | | margin-right: 48rpx; |
| | | color: #666666; |
| | | flex-shrink: 0; |
| | | } |
| | |
| | | margin-right: 24rpx; |
| | | } |
| | | .active{ |
| | | background-color: var(--themeColor); |
| | | color: #fff; |
| | | background: rgba(176,135,113,0.08); |
| | | color: #B08771; |
| | | font-size: 24rpx; |
| | | font-weight: 400; |
| | | } |
| | |
| | | <!-- 分类 --> |
| | | <view class="cate_wrap"> |
| | | <view class="cate_one"> |
| | | <scroll-view scroll-x="true" style="weight: 710rpx;margin-bottom: 30rpx;"> |
| | | <scroll-view scroll-x="true" style="width: 710rpx;margin-bottom: 30rpx;"> |
| | | <view class="scroll_cate"> |
| | | <view bindtap="cateClick" data-code="{{item.code}}" wx:for="{{ category }}" class="item {{ catalogCode == item.code ? 'active': '' }}">{{ item.name }}</view> |
| | | </view> |
| | | </scroll-view> |
| | | </view> |
| | | <view class="cate_two"> |
| | | <scroll-view scroll-x="true" style="weight: 710rpx;margin-bottom: 24rpx;"> |
| | | <scroll-view scroll-x="true" style="width: 710rpx;margin-bottom: 24rpx;"> |
| | | <view class="scroll_cate second_list"> |
| | | <view bindtap="seCateClick" data-code="{{item.code}}" wx:for="{{ secondCategory }}" class="item {{ tagCode == item.code ? 'active': '' }}">{{ item.name }}</view> |
| | | </view> |
| | |
| | | height: 60rpx; |
| | | } |
| | | .scroll_cate .item { |
| | | margin-right: 54rpx; |
| | | margin-right: 48rpx; |
| | | color: #666666; |
| | | flex-shrink: 0; |
| | | } |
| | |
| | | margin-right: 24rpx; |
| | | } |
| | | .second_list .active { |
| | | background-color: var(--themeColor); |
| | | color: #fff; |
| | | background: rgba(176, 135, 113, 0.08); |
| | | color: #B08771; |
| | | font-size: 24rpx; |
| | | font-weight: 400; |
| | | } |
| | |
| | | url: '/pages/design/design', |
| | | }) |
| | | }, |
| | | onShareAppMessage() { |
| | | let { info } = this.data |
| | | console.log('点击了分享') |
| | | return { |
| | | path: '/pages/consult/detail?id=' + info.id + '&userId=' + info.users.id |
| | | } |
| | | }, |
| | | getDetail(id, userId) { |
| | | getProductNewsInfo({ id, salesId: userId || null }).then(res => { |
| | | this.setData({ info: res.data }) |
| | |
| | | * 页面上拉触底事件的处理函数 |
| | | */ |
| | | onReachBottom() { |
| | | |
| | | }, |
| | | |
| | | /** |
| | | * 用户点击右上角分享 |
| | | */ |
| | | onShareAppMessage() { |
| | | |
| | | } |
| | | }) |
| | |
| | | let menuButtonInfo = wx.getMenuButtonBoundingClientRect(); |
| | | this.setData({menuButtonInfo}) |
| | | }, |
| | | onShow() { |
| | | var app = getApp() |
| | | if (app.globalData.catalogCode) { |
| | | this.setData({ catalogCode: 'product_intro' }) |
| | | } |
| | | }, |
| | | tabsClick(e) { |
| | | const catalogCode = e.currentTarget.dataset.code |
| | | this.setData({catalogCode}) |
| | |
| | | * 生命周期函数--监听页面初次渲染完成 |
| | | */ |
| | | onReady() { |
| | | |
| | | }, |
| | | |
| | | /** |
| | | * 生命周期函数--监听页面显示 |
| | | */ |
| | | onShow() { |
| | | |
| | | }, |
| | | |
| | |
| | | </view> |
| | | <image class="ar_right" src="../../static/icon/home_ar@2x.png"></image> |
| | | </view> |
| | | <video bindplay="bindVideoPlay" id="myvideo" src="{{ productVideo[0].videoUrl }}" show-fullscreen-btn></video> |
| | | <video poster="{{ productVideo[0].coverImage }}" bindplay="bindVideoPlay" id="myvideo" src="{{ productVideo[0].videoUrl }}" show-fullscreen-btn></video> |
| | | <!-- <view bindtap="videoClick" data-id="{{ productVideo[0].id }}" data-videourl="{{ productVideo[0].videoUrl }}" class="video_wrap"> |
| | | <image class="img" src="{{ productVideo[0].coverImage }}" mode="aspectFill"></image> |
| | | <image class="play" src="../../static/icon/ic_play.png"></image> |
| | |
| | | }) |
| | | }, |
| | | itemClick(e) { |
| | | const { videourl ,id} = e.currentTarget.dataset |
| | | const { videourl ,id} = e.currentTarget.dataset.item |
| | | const { dataList } = this.data |
| | | dataList.forEach(ite => { |
| | | if(id === ite.id){ |
| | |
| | | actionType: 'view', |
| | | id: id |
| | | }) |
| | | let videoPlay = this.selectComponent('.videoPlay'); |
| | | if(videoPlay){ |
| | | videoPlay.startPlayVideo(videourl,this ); |
| | | } |
| | | // let videoPlay = this.selectComponent('.videoPlay'); |
| | | // if(videoPlay){ |
| | | // videoPlay.startPlayVideo(videourl,this ); |
| | | // } |
| | | // this.startPlayVideo(videourl) |
| | | // wx.previewMedia({ |
| | | // sources: [{ url: videourl, type: 'video' }] |
| | |
| | | <view class="container" > |
| | | <!-- 分类 --> |
| | | <view> |
| | | <scroll-view scroll-x="true" style="width: 710rpx;margin-bottom: 30rpx;" > |
| | | <scroll-view wx:if="{{ category.length > 0 }}" scroll-x="true" style="width: 710rpx;margin-bottom: 30rpx;" > |
| | | <view class="scroll_cate"> |
| | | <view bindtap="cateClick" data-code="{{item.labelCode}}" wx:for="{{ category }}" class="item {{ tagCodes == item.labelCode ? 'active': '' }}">{{ item.labelName }}</view> |
| | | </view> |
| | |
| | | <!-- content --> |
| | | <view class="content" > |
| | | <view wx:for="{{ dataList }}" class="item"> |
| | | <view bindtap="itemClick" data-videourl="{{ item.videoUrl }}" data-id="{{ item.id }}" class="img_wrap"> |
| | | <!-- <view bindtap="itemClick" data-videourl="{{ item.videoUrl }}" data-id="{{ item.id }}" class="img_wrap"> |
| | | <image class="img" src="{{ item.coverImage }}" mode="aspectFill"></image> |
| | | <image class="play" src="../../static/icon/ic_play.png" mode="widthFix"></image> |
| | | </view> |
| | | </view> --> |
| | | <video poster="{{ item.coverImage }}" data-item="{{ item }}" bindplay="itemClick" class="img_wrap" src="{{ item.videoUrl }}" show-center-play-btn show-fullscreen-btn></video> |
| | | |
| | | <view class="title">{{ item.title }}</view> |
| | | <view class="df_sb static"> |
| | |
| | | top: 50%; |
| | | transform: translate(0, -50%); |
| | | } |
| | | .video_content{ |
| | | position: absolute; |
| | | top: 10rpx; |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | background-color: rgba(0, 0, 0, 0.2); |
| | | z-index: 9999; |
| | | } |
| | | .video_content .video{ |
| | | position: fixed; |
| | | border-radius: 8rpx; |
| | | top: 50%; |
| | | left: 75rpx; |
| | | transform: translate(0, -50%); |
| | | width: 600rpx; |
| | | z-index: 10000; |
| | | } |
| | |
| | | .picker_wrap{ |
| | | width: 528rpx; |
| | | display: flex; |
| | | border: 1px solid red; |
| | | .city_picler{ |
| | | flex: 1; |
| | | border: 1px solid; |
| | | } |
| | | } |
| | | .text{ |
| | |
| | | <view class="line"> |
| | | <view class="label">城市</view> |
| | | <view class="val"> |
| | | <view class="df_ac" style="width: 100%"> |
| | | <view class="picker" style="width: 100%"> |
| | | <view class="picker_wrap"> |
| | | <areaSel class="city_picler" bindchange="regionChange" placeholder="请选择所在区域" value="{{['210000000','210500000','210501000']}}" /> |
| | | <image class="icon" src="../../static/icon/home_ar@2x.png" mode="widthFix"></image> |
| | |
| | | .list .line .picker .picker_wrap { |
| | | width: 528rpx; |
| | | display: flex; |
| | | border: 1px solid red; |
| | | } |
| | | .list .line .picker .picker_wrap .city_picler { |
| | | flex: 1; |
| | | border: 1px solid; |
| | | } |
| | | .list .line .picker .text { |
| | | flex: 1; |
| | |
| | | }, |
| | | { |
| | | "name": "", |
| | | "pathName": "pages/auth/auth", |
| | | "pathName": "pages/productVideo/index", |
| | | "query": "", |
| | | "launchMode": "default", |
| | | "scene": null |
| | |
| | | flex: 1; |
| | | position: relative; |
| | | height: 100%; |
| | | .query_wrap_scroll{ |
| | | width: 540rpx; |
| | | padding-left: 40rpx; |
| | | } |
| | | .query_wrap { |
| | | display: flex; |
| | | width: 100%; |
| | | flex-wrap: nowrap; |
| | | .item { |
| | | width: 50%; |
| | | flex-shrink: 0; |
| | | margin-right: 48rpx; |
| | | height: 100rpx; |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | <!-- </view> --> |
| | | </scroll-view> |
| | | <view class="main_right"> |
| | | <scroll-view class="query_wrap_scroll" scroll-x> |
| | | <view class="query_wrap"> |
| | | <view data-index="{{index}}" wx:for="{{ secondCateList }}" class="item" bindtap="changeShowParams"> |
| | | <view class="name">{{ item.tempParamName || item.labelName }}</view> |
| | | <van-icon name="{{ index == activeIndex ? 'arrow-up' : 'arrow-down' }}" /> |
| | | </view> |
| | | </view> |
| | | </scroll-view> |
| | | <view wx:if="{{ activeParam.length > 0 }}" class="query_form"> |
| | | <view class="list"> |
| | | <view data-index="{{index}}" data-code="{{ item.labelValueCode }}" bindtap="tagClick" wx:for="{{ activeParam }}" class="item {{ secondCateList[activeIndex].tempParamIndex === index ? 'active' : '' }}">{{ item.labelValueName }}</view> |
| | |
| | | position: relative; |
| | | height: 100%; |
| | | } |
| | | .main_content .main_right .query_wrap_scroll { |
| | | width: 540rpx; |
| | | padding-left: 40rpx; |
| | | } |
| | | .main_content .main_right .query_wrap { |
| | | display: flex; |
| | | width: 100%; |
| | | flex-wrap: nowrap; |
| | | } |
| | | .main_content .main_right .query_wrap .item { |
| | | width: 50%; |
| | | flex-shrink: 0; |
| | | margin-right: 48rpx; |
| | | height: 100rpx; |
| | | display: flex; |
| | | align-items: center; |