lll

liukangdong

2024-07-23 3bd624bd36501ef9cef32a2637bb8be7187e7113

lll

 wechat_staff/app.json

@@ -20,6 +20,7 @@
    "pages/store/staff",
    "pages/sets/index",
    "pages/webView/index",
    "pages/download/index",
    "pages/sets/protocol",
    "pages/consult/detail",
    "pages/detailDis/product",

 wechat_staff/components/buoyClient/index.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,30 @@
// components/buoyClient/index.js
Component({
  /**
   * ç»„件的属性列表
   */
  properties: {

  },

  /**
   * ç»„件的初始数据
   */
  data: {

  },

  /**
   * ç»„件的方法列表
   */
  methods: {
    jumpPage(e) {
      const urls = [ '/pages/kefu/fond', '/pages/store/staff' ]
      const i = e.currentTarget.dataset.i
      console.log('i', i);
      wx.navigateTo({
        url: urls[i],
      })
    }
  }
})

 wechat_staff/components/buoyClient/index.json

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,4 @@
{
  "component": true,
  "usingComponents": {}
}

 wechat_staff/components/buoyClient/index.less

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,31 @@
.wrap{
  width: 100rpx;
  height: 232rpx;
  background: rgba(255,255,255,0.86);
  box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.2);
  border-radius: 8rpx 0rpx 0rpx 8rpx;
  border: 1rpx solid #EEEEEE;
  padding: 20rpx 0rpx;
}
.item{
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 400;
  font-size: 20rpx;
  color: #666666;
  margin-bottom: 20rpx;
  &:nth-last-child(1){
    margin-bottom: 0;
  }
  image{
    width: 48rpx;
    margin-bottom: 12rpx;
  }
}
.app{
  position: fixed;
  z-index: 999;
  bottom: 240rpx;
  right: 0;
}

 wechat_staff/components/buoyClient/index.wxml

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,12 @@
<view class="app">
  <view class="wrap">
    <view class="item" data-i="0" bindtap="jumpPage">
      <image src="../../static/icon/ic_kehuxihuan.png" mode="widthFix"></image>
      <view>客户喜欢</view>
    </view>
    <view class="item" data-i="1" bindtap="jumpPage">
      <image src="../../static/icon/ic_mingpian.png" mode="widthFix"></image>
      <view>个人名片</view>
    </view>
  </view>
</view>

 wechat_staff/components/buoyClient/index.wxss

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,31 @@
.wrap {
  width: 100rpx;
  height: 232rpx;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);
  border-radius: 8rpx 0rpx 0rpx 8rpx;
  border: 1rpx solid #EEEEEE;
  padding: 20rpx 0rpx;
}
.item {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 400;
  font-size: 20rpx;
  color: #666666;
  margin-bottom: 20rpx;
}
.item:nth-last-child(1) {
  margin-bottom: 0;
}
.item image {
  width: 48rpx;
  margin-bottom: 12rpx;
}
.app {
  position: fixed;
  z-index: 999;
  bottom: 240rpx;
  right: 0;
}

 wechat_staff/pages/download/index.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,69 @@
// pages/download/index.js
Page({

  /**
   * é¡µé¢çš„初始数据
   */
  data: {
    bottomLift: ''
  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面加载
   */
  onLoad(options) {
    var app = getApp().globalData
    this.setData({
      bottomLift: app.bottomLift
    })
  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面显示
   */
  onShow() {

  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面隐藏
   */
  onHide() {

  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面卸载
   */
  onUnload() {

  },

  /**
   * é¡µé¢ç›¸å…³äº‹ä»¶å¤„理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * é¡µé¢ä¸Šæ‹‰è§¦åº•äº‹ä»¶çš„处理函数
   */
  onReachBottom() {

  },

  /**
   * ç”¨æˆ·ç‚¹å‡»å³ä¸Šè§’分享
   */
  onShareAppMessage() {

  }
})

 wechat_staff/pages/download/index.json

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,4 @@
{
  "usingComponents": {},
  "navigationBarTitleText": "下载"
}

 wechat_staff/pages/download/index.less

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,72 @@
.list{
  display: flex;
  flex-wrap: wrap;
  padding: 40rpx;
  .item{
    width: 210rpx;
    height: 210rpx;
    border-radius: 8rpx;
    overflow: hidden;
    position: relative;
    border: 1px solid;
    .img{
      width: 100%;
      height: 100%;
    }
    .shade{
      position: absolute;
      z-index: 99;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-color: rgba(0,0,0,.5);
      font-size: 30rpx;
      color: #FFFFFF;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .check{
      width: 40rpx;
      height: 40rpx;
      position: absolute;
      top: 12rpx;
      left: 12rpx;
    }
  }
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 750rpx;
  background-color: #fff;
  box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
  font-weight: 400;
  .footer_wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100rpx;
    padding: 0 40rpx;
  } 
  .check_wrap{
    display: flex;
    align-items: center;
    .check{
      width: 40rpx;
      height: 40rpx;
      margin-right: 18rpx;
    }
  }
  .down_btn{
    width: 480rpx;
    text-align: center;
    height: 72rpx;
    line-height: 70rpx;
    background: #B08771;
    border-radius: 8rpx;
    color: #fff;
  }
}

 wechat_staff/pages/download/index.wxml

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,21 @@
<view>
  <view class="list">
    <view class="item">
      <image class="img" src=""></image>
      <view class="shade">等待下载</view>
      <image wx:if="{{ true }}" class="check" src="../../static/icon/ic_select_sel@2x.png"></image>
      <image wx:else class="check" src="../../static/icon/ic_select@2x.png"></image>
    </view>
  </view>
  <!--  -->
  <view class="footer" style="padding-bottom: {{bottomLift}}px;">
    <view class="footer_wrap">
      <view class="check_wrap">
        <image wx:if="{{ true }}" class="check" src="../../static/icon/ic_select_sel@2x.png"></image>
        <image wx:else class="check" src="../../static/icon/ic_select@2x.png"></image>
        <text>全选</text>
      </view>
      <view class="down_btn">批量下载</view>
    </view>
  </view>
</view>

 wechat_staff/pages/download/index.wxss

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,72 @@
.list {
  display: flex;
  flex-wrap: wrap;
  padding: 40rpx;
}
.list .item {
  width: 210rpx;
  height: 210rpx;
  border-radius: 8rpx;
  overflow: hidden;
  position: relative;
  border: 1px solid;
}
.list .item .img {
  width: 100%;
  height: 100%;
}
.list .item .shade {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 30rpx;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list .item .check {
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  top: 12rpx;
  left: 12rpx;
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 750rpx;
  background-color: #fff;
  box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
  font-weight: 400;
}
.footer .footer_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100rpx;
  padding: 0 40rpx;
}
.footer .check_wrap {
  display: flex;
  align-items: center;
}
.footer .check_wrap .check {
  width: 40rpx;
  height: 40rpx;
  margin-right: 18rpx;
}
.footer .down_btn {
  width: 480rpx;
  text-align: center;
  height: 72rpx;
  line-height: 70rpx;
  background: #B08771;
  border-radius: 8rpx;
  color: #fff;
}

 wechat_staff/pages/index/index.json

@@ -1,6 +1,6 @@
{
  "usingComponents": {

    "buoyClient": "../../components/buoyClient/index"
  },
  "navigationStyle": "custom"
}

 wechat_staff/pages/index/index.wxml

@@ -1,5 +1,6 @@
<view class="container">
  <view style="height: {{clientTop - 2}}px;"></view>
  <buoyClient />
  <view class="search_wrap">
    <image class="icon" src="../../static/home_ic_search@2x.png" mode="widthFix"></image>
    <input model:value="{{ searchValue }}" placeholder="搜索" type="text" />

 wechat_staff/project.private.config.json

@@ -38,7 +38,7 @@
        },
        {
          "name": "",
          "pathName": "pages/promotion/index",
          "pathName": "pages/download/index",
          "query": "",
          "launchMode": "default",
          "scene": null

 wechat_staff/static/icon/ic_kehuxihuan.png

 wechat_staff/static/icon/ic_mingpian.png

 wechat_staff/static/icon/test.png

Binary files differ