Commit 03a2439e51f7d3ca31341b773fb9fa4e4e98acc9

Authored by 后端研发-苏泰源
1 parent e15ae076

自定义服务卡项模板

components/diy_serviceCard/diy_serviceCard.js 0 → 100644
  1 +var t = getApp(),
  2 + a = t.request,
  3 + o = t.globalData.setting,
  4 + os = o,
  5 + i = require("../../utils/util.js"),
  6 + ut = i,
  7 + s = require("../../utils/common.js");
  8 +var regeneratorRuntime = require('../../utils/runtime.js');
  9 +
  10 +Component({
  11 + options: {
  12 + addGlobalClass: true,
  13 + },
  14 + properties: {
  15 + // 这里定义了innerText属性,属性值可以在组件使用时指定
  16 + object: {
  17 + type: Object,
  18 + value: null,
  19 + },
  20 +
  21 + },
  22 + data: {
  23 + // 这里是一些组件内部数据
  24 + group: false,
  25 + imghost: o.imghost,
  26 + is_recommend: 0,
  27 + is_hot: 0,
  28 + is_new: 0,
  29 + baseUrl: "/api/weshop/goods/page",
  30 + resourceUrl: t.globalData.setting.resourceUrl,
  31 + url: t.globalData.setting.imghost,
  32 + currentPage: 1,
  33 + requestData: null,
  34 + requestUrl: "",
  35 + goods_array: null,
  36 + total: null,
  37 + prom_id: 0,
  38 + classstyle_id: null,
  39 + g_id: null,
  40 + wgroup: null,
  41 + goods_btn: null,
  42 + loadText: '加载更多',
  43 + someData: {},
  44 + goodscount: null,
  45 + firist_type_data: null,
  46 + firist_type_curr: 0,
  47 + is_nav:0,
  48 + nav_list:null,
  49 + title_index:0,
  50 + swiper_hei:0,
  51 + title_class:"",
  52 + },
  53 +
  54 + ready: function () {},
  55 +
  56 + lifetimes: {
  57 + attached: function() {
  58 +
  59 +
  60 + //要兼容性的写法,因为有些商家都还未更新商品分组的最新的效果~~3.0公众号的html页面所以不用兼容写法
  61 + var nav_item=this.data.object;
  62 + var nav_list= this.data.object.nav_list;
  63 +
  64 + if(parseInt(nav_item.is_automore)){
  65 + if(!getApp().globalData.func_list) getApp().globalData.func_list=[];
  66 + getApp().globalData.func_list.push(this);
  67 + }
  68 +
  69 +
  70 + //最新的版本才有nav_list
  71 + if(nav_list){
  72 + nav_item=nav_list[0];
  73 + //要算一下商品goodsid
  74 + for(var ij in nav_list){
  75 + var item=nav_list[ij];
  76 + var idlist="";
  77 + //如果商品有手动选择的时候
  78 + if(item.data && item.data.length>0){
  79 + for(var im in item.data){
  80 + idlist+= item.data[im]+",";
  81 + }
  82 + }
  83 + if(idlist) idlist=ut.sub_last(idlist);
  84 + nav_list[ij].idlist=idlist;
  85 + }
  86 + this.setData({nav_list:nav_list,is_nav:parseInt(this.data.object.is_nav)});
  87 + }
  88 +
  89 + // 在组件实例进入页面节点树时执行
  90 + if(nav_item) {
  91 + this.data.classstyle_id = nav_item.classstyle;
  92 + this.data.wgroup =nav_item.wgroup;
  93 + }
  94 +
  95 + this.data.goodscount = this.data.object.goodscount;
  96 +
  97 +
  98 + var hei=280;
  99 + if(this.data.object.goodstit) hei+=80;
  100 + if(this.data.object.goodsprice) hei+=80;
  101 + if(this.data.object.goodsnum) hei+=80;
  102 +
  103 + if(this.data.object.title_color){
  104 + this.data.title_class=`color:${this.data.object.title_color};`
  105 + }
  106 +
  107 + if(this.data.object.title_font_size){
  108 + this.data.title_class=this.data.title_class.concat(`font-size:${this.data.object.title_font_size}px;`)
  109 + }
  110 + this.setData({
  111 + swiper_hei:hei,
  112 + title_class:this.data.title_class,
  113 + });
  114 +
  115 + if (nav_item && nav_item.goodsclass == 1) {
  116 + this.data.is_recommend = 1
  117 + }
  118 + if (nav_item && nav_item.goodsclass == 2) {
  119 + this.data.is_hot = 1
  120 + }
  121 + if (nav_item && nav_item.goodsclass == 3) {
  122 + this.data.is_new = 1
  123 + }
  124 +
  125 + this.data.requestData = new Array();
  126 + this.data.g_id = nav_item.data;
  127 + var arr = [];
  128 +
  129 + for (var i = 0; i < this.data.g_id.length; i += this.data.goodscount) {
  130 + arr.push(this.data.g_id.slice(i, i + this.data.goodscount));
  131 + }
  132 + this.data.firist_type_data = arr;
  133 + this.init(this.data.classstyle_id, this.data.wgroup);
  134 + },
  135 + detached: function() {
  136 + // 在组件实例被从页面节点树移除时执行
  137 + },
  138 + },
  139 +
  140 + pageLifetimes: {
  141 + //游客登录后,只要更新卡的情况
  142 + show: function () {
  143 + //--初始化卡类--
  144 + this.card_init();
  145 + },
  146 + },
  147 +
  148 + methods: {
  149 + // 这里是一个自定义方法
  150 + init:async function (classstyle_id, wgroup) {
  151 +
  152 + this.setData({classstyle_id:classstyle_id})
  153 +
  154 + var th = this;
  155 + var g_id = this.data.g_id;
  156 + var len=this.data.firist_type_data.length;
  157 + if (classstyle_id == 1) {
  158 + //---手动选择的时候---
  159 + g_id = this.data.firist_type_data[th.data.firist_type_curr];
  160 + th.data.firist_type_curr++;
  161 + }
  162 +
  163 + var th = this,
  164 + app = getApp(),
  165 + index = 0,
  166 + gdata = [];
  167 +
  168 + var user_id=getApp().globalData.user_id;
  169 + if(!user_id) user_id=0;
  170 +
  171 + //--初始化卡类--
  172 + th.card_init();
  173 + var os=getApp().globalData.setting;
  174 + classstyle_id = classstyle_id + "";
  175 + switch (classstyle_id) {
  176 + //---手动选择商品---
  177 + case "1":
  178 + var str="";
  179 + for (var i = 0; i < g_id.length; i++) {
  180 + str += g_id[i].goodsid + ",";
  181 + }
  182 + str=str.substring(0, str.length - 1);
  183 +
  184 + await app.request.get("/api/weshop/goods/getgoodslistOrdby?store_id=" + os.stoid + "&goodsidlist=" + str, {
  185 + data:{user_id:user_id},
  186 + isShowLoading:false,
  187 + success: function(res) {
  188 + th.data.loading=0;
  189 +
  190 + if(res.data.code==0 && res.data.data){
  191 +
  192 + var goods = res.data.data;
  193 + /*--
  194 + var rData = th.data.requestData;
  195 + if (rData == null) rData=[];
  196 + var now=ut.gettimestamp();
  197 +
  198 + var new_arr=[];
  199 + for (var ii in res.data.data){
  200 + var item=res.data.data[ii];
  201 + item.goods_img=th.data.imghost + item.original_img;
  202 + if(item.e_time<now) {item.prom_type=0; item.prom_price=0;}
  203 + if(item.warm_uptime>now) {item.prom_type=0; item.prom_price=0;}
  204 + new_arr.push(item);
  205 + }
  206 + rData = rData.concat(new_arr);
  207 +
  208 + th.data.requestData = rData;
  209 +
  210 + if(th.data.object.column==5){
  211 + var arr = new Array();
  212 + //--三个三个一组---
  213 + for(var i=0;i< rData.length;i+=3){
  214 + arr.push(rData.slice(i,i+3));
  215 + }
  216 + th.setData({ goods_array: arr });
  217 + }else{
  218 + th.setData({ goods_array: rData });
  219 + }--*/
  220 +
  221 + th.set_good(goods);
  222 +
  223 + //---控制有没有加载更多的按钮---
  224 + if (th.data.firist_type_curr >= len) {th.setData({ goods_btn: [] }); }
  225 + else th.setData({ goods_btn: [1,2]});
  226 + }
  227 + }
  228 +
  229 + })
  230 +
  231 + break;
  232 + case "2":
  233 + var item = {};
  234 + var r_data={
  235 + store_id: os.stoid ,
  236 + pageSize: th.data.goodscount,
  237 + page: th.data.currentPage,
  238 + isonsale: 1,
  239 + orderField: "sort",
  240 + orderType: 'asc',
  241 + };
  242 + if(th.data.is_recommend) r_data.is_recommend=th.data.is_recommend;
  243 + if(th.data.is_hot) r_data.is_hot=th.data.is_hot;
  244 + if(th.data.is_new) r_data.is_new=th.data.is_new;
  245 +
  246 + var user_id=getApp().globalData.user_id;
  247 + if(!user_id) user_id=0;
  248 + r_data.user_id=user_id;
  249 +
  250 + await app.request.promiseGet("/api/weshop/goods/page", {
  251 + data:r_data
  252 + }).then(res => {
  253 + th.data.loading=0;
  254 + //商品地址
  255 + var goods = res.data.data.pageData;
  256 + th.setData({
  257 + goods_btn: res.data.data.pageData,
  258 + total: res.data.data.total
  259 + })
  260 + th.data.currentPage++;
  261 + //设置商品熏染
  262 + th.set_good(goods);
  263 +
  264 + })
  265 + break;
  266 + case "3":
  267 + var item = {};
  268 + await app.request.promiseGet("/api/weshop/goodsGroup/pageGoodsList", {
  269 + data: {
  270 + store_id:os.stoid ,
  271 + gpid: wgroup,
  272 + pageSize: th.data.goodscount,
  273 + page: th.data.currentPage,
  274 + isonsale: 1,
  275 + orderField: "sort",
  276 + orderType: 'asc',
  277 + user_id:user_id
  278 + }
  279 + }).then(res => {
  280 + th.data.loading=0;
  281 + //商品地址
  282 + var goods = res.data.data.pageData;
  283 + th.setData({
  284 + goods_btn: res.data.data.pageData, total: res.data.data.total
  285 + })
  286 +
  287 + th.data.currentPage++;
  288 + //设置商品熏染
  289 + th.set_good(goods);
  290 +
  291 + })
  292 + break;
  293 + }
  294 + },
  295 +
  296 + setLoading: function () {
  297 + var that = this;
  298 + if(this.data.loading) return false;
  299 + this.data.loading=1;
  300 + that.init(that.data.classstyle_id, that.data.wgroup);
  301 + },
  302 +
  303 + //图片失败,默认图片
  304 + bind_bnerr3: function (e) {
  305 + var _errImg = e.target.dataset.errorimg;
  306 + var _errObj = {};
  307 + _errObj[_errImg] = this.data.imghost + "/public/images/default_goods_image_240.gif";
  308 + this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ;
  309 + },
  310 +
  311 + //---卡的初始化----
  312 + card_init: function() {
  313 + var th = this,os=getApp().globalData.setting;
  314 + if(!getApp().globalData.user_id) return false;
  315 + getApp().request.get("/api/weshop/users/get/" + os.stoid + "/" + getApp().globalData.user_id, {
  316 + isShowLoading:false,
  317 + success: function(e) {
  318 + getApp().globalData.userInfo = e.data.data;
  319 + getApp().getConfig2(function(e) {
  320 + var swithc_list = e.switch_list;
  321 + var sw_arr = JSON.parse(swithc_list);
  322 + //---如果后台又开等级卡的开关---
  323 + if (sw_arr.rank_switch && sw_arr.rank_switch == "2") {
  324 + th.setData({
  325 + rank_switch: true
  326 + });
  327 + //---回调卡的列表---
  328 + th.getPlusCardType(function(ob) {
  329 + th.setData({
  330 + card_list: ob.card_list
  331 + });
  332 + var ti = setInterval(function() {
  333 + var user = getApp().globalData.userInfo;
  334 + if (!user) return false;
  335 + clearInterval(ti);
  336 +
  337 + if (user.card_field && user['card_expiredate']) {
  338 + var str = user['card_expiredate'].replace(/-/g, '/');
  339 + var end = new Date(str);
  340 + end = Date.parse(end) / 1000;
  341 + var now = ut.gettimestamp();
  342 +
  343 + //--- 判断是等级会员,且在有效期范围内 ---
  344 + if (user.card_field && now < end) {
  345 + var card_name = ob.name_map.get(user.card_field);
  346 + if (card_name.length > 4) card_name = card_name.substring(0, 4);
  347 + th.setData({
  348 + card_field: user.card_field,
  349 + card_name: card_name,
  350 + card_list: ob.card_list
  351 + });
  352 + }
  353 +
  354 + }
  355 +
  356 + }, 500)
  357 + })
  358 +
  359 + }
  360 + })
  361 + }
  362 + })
  363 +
  364 + },
  365 +
  366 + //--- 获取卡类列表 ---
  367 + getPlusCardType: function(func) {
  368 + var storid = o.stoid;
  369 + var th = this;
  370 + getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/list?" + "storeId=" + storid, {}).then(res => {
  371 + var plusCard = res.data.data;
  372 + var arr = [1219, 2089, 3031];
  373 + var new_arr = new Array();
  374 + var card_name_map = new Map();
  375 +
  376 + var user = getApp().globalData.userInfo;
  377 +
  378 + if(plusCard) {
  379 +
  380 + for (var i = 0; i < plusCard.length; i++) {
  381 + if ((!user || user.card_field == null || user.card_field == "") && (plusCard[i].IsStopBuy == true)) {
  382 + continue;
  383 + }
  384 +
  385 + var name = "card" + plusCard[i].CorrPrice.toLowerCase();
  386 + card_name_map.set(name, plusCard[i].CardName);
  387 + new_arr.push(plusCard[i]);
  388 + }
  389 + }
  390 +
  391 + var ob = {
  392 + "card_list": new_arr,
  393 + "name_map": card_name_map
  394 + };
  395 + func(ob);
  396 + })
  397 + },
  398 +
  399 + //--- 点击tab的事件 ---
  400 + gr_set_nav:function(e){
  401 +
  402 + var title_idx=e.currentTarget.dataset.index;
  403 + if(title_idx==this.data.title_index) return false;
  404 + wx.showLoading();
  405 +
  406 + var nav_item=this.data.object.nav_list[title_idx];
  407 + this.data.g_id =[];
  408 + if(this.data.object.nav_list && this.data.object.nav_list[title_idx] && this.data.object.nav_list[title_idx].data)
  409 + this.data.g_id=this.data.object.nav_list[title_idx].data;
  410 + var arr = [];
  411 + for (var i = 0; i < this.data.g_id.length; i += this.data.goodscount) {
  412 + arr.push(this.data.g_id.slice(i, i + this.data.goodscount));
  413 + }
  414 + this.data.firist_type_data = arr;
  415 + this.data.firist_type_curr=0;
  416 + this.data.requestData=[];
  417 +
  418 + // 在组件实例进入页面节点树时执行
  419 + if(nav_item){
  420 + this.data.classstyle_id = nav_item.classstyle;
  421 + this.data.wgroup =nav_item.wgroup;
  422 + }
  423 +
  424 +
  425 + this.data.is_recommend = this.data.is_hot=this.data.is_new=0;
  426 + //推荐,热卖,新品
  427 + if (nav_item && nav_item.goodsclass == 1) {
  428 + this.data.is_recommend = 1
  429 + }
  430 + if (nav_item && nav_item.goodsclass == 2) {
  431 + this.data.is_hot = 1
  432 + }
  433 + if (nav_item && nav_item.goodsclass == 3) {
  434 + this.data.is_new = 1
  435 + }
  436 +
  437 +
  438 + this.data.currentPage=1;
  439 + this.setData({goods_array:null,total:null,title_index:title_idx});
  440 + //初始化
  441 + this.init(this.data.classstyle_id, this.data.wgroup);
  442 + setTimeout(function(){ wx.hideLoading();},1000)
  443 + },
  444 +
  445 + //--- 设置 ---
  446 + set_good:async function(goods){
  447 + var now=ut.gettimestamp();
  448 + var th=this;
  449 + if(!goods || goods.length==0) return false;
  450 + var user_id=getApp().globalData.userInfo.user_id;
  451 + if(!user_id) user_id=0;
  452 + for(var i in goods){
  453 + var val=goods[i];
  454 + var item = {};
  455 + var prom_id = null;
  456 + //app.request.promiseGet("/api/weshop/goods/get/" + os.stoid + "/" + val.goods_id, {}).then(res => {
  457 +
  458 + var url="/api/weshop/activitylist/getGoodActInfo";
  459 + var req_data={
  460 + store_id:os.stoid,goodsidlist:val.goods_id,is_detail:1,user_id:user_id
  461 + };
  462 +
  463 + //获取商品的实际活动
  464 + await getApp().request.promiseGet(url, {data:req_data}).then(res=>{
  465 + if(res.data.code==0 && res.data.data && res.data.data.length==1){
  466 + item.prom_type=res.data.data[0].prom_type;
  467 + item.prom_id=res.data.data[0].act_id;
  468 + }
  469 + })
  470 +
  471 + item.goods_name = val.goods_name;
  472 + item.goods_img = th.data.imghost + val.original_img;
  473 + item.market_price = val.market_price;
  474 + item.shop_price = val.shop_price;
  475 + item.sales_sum = val.sales_sum;
  476 + item.goods_id = val.goods_id;
  477 +
  478 + item.cardprice1 = val.cardprice1;
  479 + item.cardprice2 = val.cardprice2;
  480 + item.cardprice3 = val.cardprice3;
  481 + item.prom_type = val.prom_type;
  482 + item.prom_id = val.prom_id;
  483 +
  484 + if(val.prom_price) item.prom_price = val.prom_price;
  485 + if(val.prom_integral) item.prom_integral = val.prom_integral;
  486 +
  487 + prom_id = val.prom_id;
  488 +
  489 + var prom_type = val.prom_type; //0普通商品 1秒杀 6拼单 2团购 4积分购
  490 +
  491 + var url = "";
  492 +
  493 + switch (prom_type){
  494 + case 1:
  495 + var user_id=getApp().globalData.user_id;
  496 + if(!user_id) user_id=0;
  497 + url = "/api/ms/flash_sale/getNew/" +os.stoid + "/" +user_id+"/"+ prom_id;
  498 + break;
  499 + case 2:
  500 + url ="/api/weshop/goods/groupBuy/getActInfo/" +os.stoid + "/" +val.goods_id+"/"+ prom_id
  501 + break;
  502 + case 4:
  503 + url ="/api/weshop/integralbuy/get/"+os.stoid +"/"+prom_id;
  504 + break;
  505 + case 6:
  506 + url = "/api/weshop/teamlist/get/" + os.stoid + "/" + prom_id;
  507 + break;
  508 + case 8:
  509 + var presell_id = prom_id;
  510 + var url1 = "/api/weshop/marketing/marketingPresellList/list";
  511 + var rd= {
  512 + store_id: os.stoid,
  513 + presell_id: presell_id,
  514 + goods_id: val.goods_id
  515 + }
  516 + //------获取预售从表----------
  517 + await getApp().request.promiseGet(url1, {
  518 + data: rd
  519 + }).then(res => {
  520 + if (res.data.code == 0 && res.data.data && res.data.data.length > 0) {
  521 + var arr = res.data.data[0];
  522 + item.prom_price = arr.luck_goods_price;
  523 + item.sales_sum=arr.buy_goodnum+(arr.virtual_qty?arr.virtual_qty:0);
  524 + }
  525 + })
  526 + break;
  527 + default:
  528 + break
  529 + }
  530 +
  531 + if(url!=null && url!=''){
  532 + await getApp().request.promiseGet(url, {}).then(res => {
  533 + var prom =null;
  534 + if(res && res.data) prom=res.data.data;
  535 + if (prom != null && prom.is_end==0 && prom.end_time>now && (prom.start_time<now || (prom.show_time && prom.show_time<now)) ) {
  536 + item.prom_price = res.data.data.price;
  537 + if(res.data.data.user_price) item.prom_price=res.data.data.user_price;
  538 + var vNum=res.data.data.virtual_num?res.data.data.virtual_num:0;
  539 + var vNum1=res.data.data.virtualNum?res.data.data.virtualNum:0;
  540 + var vNum2=res.data.data.virtual?res.data.data.virtual:0;
  541 + item.sales_sum=res.data.data.buy_num+(vNum+vNum1+vNum2);
  542 + }else{
  543 + item.prom_type=0;
  544 + item.prom_id=0;
  545 + item.prom_price=null;
  546 + }
  547 +
  548 + th.data.requestData.push(item);
  549 + })
  550 + }else{
  551 + th.data.requestData.push(item);
  552 + }
  553 + }
  554 +
  555 + if(th.data.object.column==5){
  556 + var arr = new Array();
  557 + var rData=th.data.requestData;
  558 + //--三个三个一组---
  559 + for(var i=0;i< rData.length;i+=3){
  560 + arr.push(rData.slice(i,i+3));
  561 + }
  562 + th.setData({ goods_array: arr,page: th.data.currentPage - 1, });
  563 + }else{
  564 + th.setData({
  565 + goods_array: th.data.requestData,
  566 + page: th.data.currentPage - 1,
  567 + });
  568 + }
  569 +
  570 + },
  571 +
  572 + re_show:function () {
  573 + if(this.data.object.goodscount *this.data.page <this.data.total ){
  574 + this.setLoading()
  575 + }
  576 + }
  577 +
  578 +
  579 +
  580 +
  581 + }
  582 +})
0 583 \ No newline at end of file
... ...
components/diy_serviceCard/diy_serviceCard.json 0 → 100644
  1 +{
  2 + "component": true,
  3 + "usingComponents": {}
  4 +}
0 5 \ No newline at end of file
... ...
components/diy_serviceCard/diy_serviceCard.wxml 0 → 100644
  1 +<!--pages/diy_zs/diy_zs.wxml-->
  2 +<wxs module="filter" src="../../utils/filter.wxs"></wxs>
  3 +<wxs module="g_filter" src="g_filter.wxs"></wxs>
  4 +
  5 +<!-- 要不要顶部标题 -->
  6 +<!-- <block wx:if="{{is_nav}}">
  7 + <view class="flex gr_title_list" style="overflow-x: auto;">
  8 + <view class="gr_title_item" wx:for="{{nav_list}}" data-index="{{index}}" bindtap="gr_set_nav" data-idlist="{{item.idlist}}" data-wgroup="{{item.wgroup}}" data-classstyle="{{item.classstyle}}" >
  9 + <text class="{{index==title_index?'t_red':''}}" style="{{title_class}}">{{item.title}}</text>
  10 + </view>
  11 + </view>
  12 +</block> -->
  13 +
  14 +<!-- 服务卡项顶部标题 -->
  15 +<scroll-view scroll-x="true" enhanced="true" fast-deceleration="true" show-scrollbar="false">
  16 + <view class="flex fs28">
  17 + <view class="scroll-view-item active">标题1</view>
  18 + <view class="scroll-view-item">标题标题2</view>
  19 + <view class="scroll-view-item">标题3</view>
  20 + <view class="scroll-view-item">标题标题标题4</view>
  21 + <view class="scroll-view-item">标题5</view>
  22 + <view class="scroll-view-item">标题6</view>
  23 + <view class="scroll-view-item">标题题7</view>
  24 + <view class="scroll-view-item">标题8</view>
  25 + <view class="scroll-view-item">标题题9</view>
  26 + <view class="scroll-view-item">标题10</view>
  27 + <view class="scroll-view-item">标题11</view>
  28 + <view class="scroll-view-item">标题12222</view>
  29 + </view>
  30 +</scroll-view>
  31 +
  32 +
  33 +<!--1个列表的时候-->
  34 +<view class="zs_goods_wai" wx:if='{{object.column==1}}'>
  35 + <block wx:for="{{goods_array}}" >
  36 + <view class='zs_goods {{g_filter.get_border_type(object.big_order_type)}}'>
  37 + <navigator url="{{g_filter.get_url_by_type(item)}}" class="s1_gk_a1">
  38 + <!-- <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}&prom_id={{item.prom_id}}&&prom_type={{item.prom_type}}" class="s1_gk_a1"> -->
  39 + <view class='zs_top rel'>
  40 +
  41 + <block wx:if="{{object.big_order_type==3}}">
  42 + <view style="position: relative; width: 100%; height: 100%">
  43 + <image class='zs_t_img' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true"
  44 + binderror="bind_bnerr3"></image>
  45 + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" binderror="bind_bnerr3"></image>
  46 + </view>
  47 + </block>
  48 + <block wx:else>
  49 + <image class='zs_t_img' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img"
  50 + binderror="bind_bnerr3" lazy-load="true" ></image>
  51 + </block>
  52 +
  53 + <block wx:if="{{object.goodicon==3}}">
  54 + <image class='{{g_filter.get_class(object.column,object.position)}}' src='{{object.customicon}}'></image>
  55 + </block>
  56 + <block wx:if="{{object.goodicon==1}}">
  57 + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image>
  58 + </block>
  59 + <block wx:if="{{object.goodicon==2}}">
  60 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}"
  61 + src='{{imghost}}/miniapp/images/Recommend.png'></image>
  62 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2}}"
  63 + src='{{imghost}}/miniapp/images/hot.png'></image>
  64 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}"
  65 + src='{{imghost}}/miniapp/images/new.png'></image>
  66 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4}}"
  67 + src='{{imghost}}/miniapp/images/Promotion.png'></image>
  68 + </block>
  69 + </view>
  70 + <view class='zs_center'>
  71 + <view class='zs_wz1' wx:if="{{object.goodstit}}">{{item.goods_name}}</view>
  72 + <!--如果有显示价格 -->
  73 + <view class='zs_wz2' wx:if="{{object.goodsprice}}">
  74 + <block wx:if="{{item.prom_price || item.prom_integral}}">
  75 + <view class='wz_red'>
  76 + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text>
  77 + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text>
  78 + <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text>
  79 + </view>
  80 + <view class='del'>¥{{item.market_price}}</view>
  81 + </block>
  82 + <block wx:else>
  83 +
  84 + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" >
  85 + <!-- 当会员是等级卡的时候 -->
  86 + <block wx:if="{{card_field}}">
  87 + <!-- 等级价>0 -->
  88 + <block wx:if="{{item[card_field]>0}}">
  89 + <view class="money flex ai_and">
  90 + <!-- 办卡价 -->
  91 + <view class="flex xc-wc ai_and">
  92 + <view class="fs24 wz_red">¥</view>
  93 + <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view>
  94 + <view class="card_bg ellipsis-1">
  95 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
  96 + <text class="card_name">{{card_name}}</text>
  97 + </view>
  98 + </view>
  99 + </view>
  100 + <view class="flex" style="line-height: 28rpx;" >
  101 + <!-- 原价 -->
  102 + <view class="price flex xc-ash line_th">
  103 + <view class="fs22">¥</view>
  104 + <view class="fs22">{{item.market_price}}</view>
  105 + </view>
  106 + </view>
  107 + </block>
  108 + <blocK wx:else>
  109 + <view class="money flex" >
  110 + <!-- 办卡价 -->
  111 + <view class="flex xc-wc">
  112 + <view class="fs24 wz_red">¥</view>
  113 + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view>
  114 + </view>
  115 + </view>
  116 + <view class="flex" style="line-height: 28rpx;" >
  117 + <!-- 原价 -->
  118 + <view class="price flex xc-ash line_th">
  119 + <view class="fs22">¥</view>
  120 + <view class="fs22">{{item.market_price}}</view>
  121 + </view>
  122 + </view>
  123 + </blocK>
  124 + </block>
  125 + <block wx:else>
  126 + <!-- 如果商品有设置等级价大于0的 -->
  127 + <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}">
  128 + <view class="money flex" >
  129 + <!-- 办卡价 -->
  130 + <view class="flex xc-wc">
  131 + <view class="fs24 wz_red">¥</view>
  132 + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view>
  133 + </view>
  134 + <!-- 原价 -->
  135 + <view class="price flex xc-ash line_th">
  136 + <view class="fs22">¥</view>
  137 + <view class="fs22">{{item.market_price}}</view>
  138 + </view>
  139 +
  140 + </view>
  141 + <view class="flex" style="line-height: 28rpx;" >
  142 + <!-- 等级价 -->
  143 + <view class="price flex ai_and">
  144 + <view class="fs22">¥</view>
  145 + <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view>
  146 + <view class="card_bg ellipsis-1">
  147 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
  148 + <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text>
  149 + </view>
  150 + </view>
  151 + </view>
  152 + </block>
  153 + <block wx:else>
  154 + <view class="money flex" >
  155 + <!-- 办卡价 -->
  156 + <view class="flex xc-wc">
  157 + <view class="fs24 wz_red">¥</view>
  158 + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view>
  159 + </view>
  160 + </view>
  161 + <view class="flex" style="line-height: 28rpx;" >
  162 + <!-- 原价 -->
  163 + <view class="price flex xc-ash line_th">
  164 + <view class="fs22">¥</view>
  165 + <view class="fs22">{{item.market_price}}</view>
  166 + </view>
  167 + </view>
  168 + </block>
  169 + </block>
  170 + </block>
  171 +
  172 + <block wx:else>
  173 + <view class='wz_red'>¥{{item.shop_price}}</view>
  174 + <view class='del'>¥{{item.market_price}}</view>
  175 + </block>
  176 +
  177 + </block>
  178 +
  179 + </view>
  180 + <view class='zs_wz4 c-5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view>
  181 + <!-- <view style="height: 10rpx;"></view> -->
  182 + </view>
  183 + </navigator>
  184 + </view>
  185 + <!-- <view style="height:20rpx"></view> -->
  186 + </block>
  187 +
  188 +</view>
  189 +<!--2个一列-->
  190 +<view class="flex flex-wrap" wx:if="{{object.column==2}}" style="padding: 0 10rpx 20rpx 10rpx;">
  191 + <block wx:for="{{goods_array}}" >
  192 + <view class="nav-container">
  193 + <navigator url="{{g_filter.get_url_by_type(item)}}" class="s1_gk_a1 {{g_filter.get_border_type(object.big_order_type)}}">
  194 + <view class="zs_goods_wai_ban">
  195 + <!-- <view class="zs_goods_ban"> -->
  196 + <!-- <view class='zs_goods_2l'> -->
  197 + <view class='zs_top_2l rel'>
  198 +
  199 + <block wx:if="{{object.big_order_type==3}}">
  200 + <view style="position: relative; width: 100%; height: 100%">
  201 + <image class='zs_t_img_2l' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true"
  202 + binderror="bind_bnerr3"></image>
  203 + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true"
  204 + binderror="bind_bnerr3"></image>
  205 + </view>
  206 + </block>
  207 + <block wx:else>
  208 + <image class='zs_t_img_2l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true"
  209 + binderror="bind_bnerr3"></image>
  210 + </block>
  211 +
  212 + <block wx:if="{{object.goodicon==3}}">
  213 + <image class='{{g_filter.get_class(object.column,object.position)}}'
  214 + src='{{object.customicon}}'></image>
  215 + </block>
  216 + <block wx:if="{{object.goodicon==1}}">
  217 + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image>
  218 + </block>
  219 + <block wx:if="{{object.goodicon==2}}">
  220 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}"
  221 + src='{{imghost}}/miniapp/images/Recommend.png'></image>
  222 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}"
  223 + src='{{imghost}}/miniapp/images/hot.png'></image>
  224 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}"
  225 + src='{{imghost}}/miniapp/images/new.png'></image>
  226 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}"
  227 + src='{{imghost}}/miniapp/images/Promotion.png'></image>
  228 + </block>
  229 + </view>
  230 +
  231 + <view class='zs_center_2l'>
  232 + <view class='zs_wz1_2l ellipsis-2' wx:if="{{object.goodstit}}">{{item.goods_name}}</view>
  233 + <view class='zs_wz2_2l' wx:if="{{object.goodsprice}}">
  234 +
  235 + <block wx:if="{{item.prom_price || item.prom_integral}}">
  236 + <view class='wz_red'>
  237 + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text>
  238 + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text>
  239 + <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text>
  240 + </view>
  241 + <view class='del'>¥{{item.market_price}}</view>
  242 + </block>
  243 + <block wx:else>
  244 + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" >
  245 + <!-- 当会员是等级卡的时候 -->
  246 + <block wx:if="{{card_field}}">
  247 + <!-- 等级价>0 -->
  248 + <block wx:if="{{item[card_field]>0}}">
  249 + <view class="money flex" >
  250 + <!-- 办卡价 -->
  251 + <view class="flex xc-wc ai_and">
  252 + <view class="fs24 wz_red">¥</view>
  253 + <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view>
  254 + <view class="card_bg ellipsis-1">
  255 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
  256 + <view class="card_name">{{card_name}}</view>
  257 + </view>
  258 + </view>
  259 + </view>
  260 + <view class="flex" style="line-height: 28rpx;" >
  261 + <!-- 原价 -->
  262 + <view class="price flex xc-ash line_th">
  263 + <view class="fs22">¥</view>
  264 + <view class="fs22">{{item.market_price}}</view>
  265 + </view>
  266 + </view>
  267 + </block>
  268 + <blocK wx:else>
  269 + <view class="money flex" >
  270 + <!-- 办卡价 -->
  271 + <view class="flex xc-wc">
  272 + <view class="fs24 wz_red">¥</view>
  273 + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view>
  274 + </view>
  275 + </view>
  276 + <view class="flex" style="line-height: 28rpx;" >
  277 + <!-- 原价 -->
  278 + <view class="price flex xc-ash line_th">
  279 + <view class="fs22">¥</view>
  280 + <view class="fs22">{{item.market_price}}</view>
  281 + </view>
  282 + </view>
  283 + </blocK>
  284 + </block>
  285 + <block wx:else>
  286 + <!-- 如果商品有设置等级价大于0的 -->
  287 + <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}">
  288 + <view class="money flex" >
  289 + <!-- 办卡价 -->
  290 + <view class="flex xc-wc">
  291 + <view class="fs24 wz_red">¥</view>
  292 + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view>
  293 + </view>
  294 + <!-- 原价 -->
  295 + <view class="price flex xc-ash line_th">
  296 + <view class="fs22">¥</view>
  297 + <view class="fs22">{{item.market_price}}</view>
  298 + </view>
  299 +
  300 + </view>
  301 + <view class="flex" style="line-height: 28rpx;" >
  302 + <!-- 等级价 -->
  303 + <view class="price flex ai_and">
  304 + <view class="fs22">¥</view>
  305 + <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view>
  306 + <view class="card_bg ellipsis-1">
  307 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
  308 + <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text>
  309 + </view>
  310 + </view>
  311 + </view>
  312 + </block>
  313 + <block wx:else>
  314 + <view class="money flex" >
  315 + <!-- 办卡价 -->
  316 + <view class="flex xc-wc">
  317 + <view class="fs24 wz_red">¥</view>
  318 + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view>
  319 + </view>
  320 + </view>
  321 + <view class="flex" style="line-height: 28rpx;" >
  322 + <!-- 原价 -->
  323 + <view class="price flex xc-ash line_th">
  324 + <view class="fs22">¥</view>
  325 + <view class="fs22">{{item.market_price}}</view>
  326 + </view>
  327 + </view>
  328 + </block>
  329 + </block>
  330 + </block>
  331 + <block wx:else>
  332 + <view class='wz_red'>¥{{item.shop_price}}</view>
  333 + <view class='del'>¥{{item.market_price}}</view>
  334 + </block>
  335 + </block>
  336 + </view>
  337 + <view class='zs_wz5_2l c-5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view>
  338 + <!-- <view style="height: 10rpx;"></view> -->
  339 + </view>
  340 + <!-- </view> -->
  341 + <!-- </view> -->
  342 +
  343 + </view>
  344 + </navigator>
  345 + </view>
  346 +
  347 +</block>
  348 + <!-- <view class="clear"></view> -->
  349 +</view>
  350 +<!--3个一列-->
  351 +<block wx:if='{{object.column==3}}'>
  352 + <view class="flex wrap pdh10">
  353 + <block wx:for="{{goods_array}}" >
  354 + <view class="nav-box">
  355 + <navigator url="{{g_filter.get_url_by_type(item)}}" class="s1_gk_a1">
  356 + <view class="zs_goods_wai_san {{g_filter.get_border_type(object.big_order_type)}}" >
  357 + <view class="zs_goods_san">
  358 + <view class='zs_goods_3l'>
  359 + <view class='zs_top_3l rel'>
  360 + <block wx:if="{{object.big_order_type==3}}">
  361 + <view style="position: relative; width: 100%; height: 100%">
  362 + <image class='zs_t_img_3l' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true"
  363 + binderror="bind_bnerr3"></image>
  364 + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true"
  365 + binderror="bind_bnerr3"></image>
  366 + </view>
  367 + </block>
  368 + <block wx:else>
  369 + <image class='zs_t_img_3l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true"
  370 + binderror="bind_bnerr3"></image>
  371 + </block>
  372 +
  373 + <block wx:if="{{object.goodicon==3}}">
  374 + <image class='{{g_filter.get_class(object.column,object.position)}}'
  375 + src='{{object.customicon}}'></image>
  376 + </block>
  377 + <block wx:if="{{object.goodicon==1}}">
  378 + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image>
  379 + </block>
  380 + <block wx:if="{{object.goodicon==2}}">
  381 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}"
  382 + src='{{imghost}}/miniapp/images/Recommend.png'></image>
  383 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}"
  384 + src='{{imghost}}/miniapp/images/hot.png'></image>
  385 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}"
  386 + src='{{imghost}}/miniapp/images/new.png'></image>
  387 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}"
  388 + src='{{imghost}}/miniapp/images/Promotion.png'></image>
  389 + </block>
  390 + </view>
  391 + <view class='zs_center_3l'>
  392 +
  393 +
  394 + <view class='zs_wz1_3l' wx:if="{{object.goodstit}}">{{item.goods_name}}</view>
  395 + <view class='zs_wz2_3l' wx:if="{{object.goodsprice}}">
  396 + <block wx:if="{{item.prom_price || item.prom_integral}}">
  397 + <view class='wz_red'>
  398 + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text>
  399 + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text>
  400 + <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text>
  401 + </view>
  402 + <view class='del'>¥{{item.market_price}}</view>
  403 + </block>
  404 + <block wx:else>
  405 + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" >
  406 + <!-- 当会员是等级卡的时候 -->
  407 + <block wx:if="{{card_field}}">
  408 + <!-- 等级价>0 -->
  409 + <block wx:if="{{item[card_field]>0}}">
  410 + <view class="money flex" >
  411 + <!-- 办卡价 -->
  412 + <view class="flex xc-wc ai_and">
  413 + <view class="fs24 wz_red">¥</view>
  414 + <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view>
  415 + <view class="card_bg ellipsis-1">
  416 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
  417 + <text class="card_name">{{card_name}}</text>
  418 + </view>
  419 + </view>
  420 + </view>
  421 + <view class="flex" style="line-height: 28rpx;" >
  422 + <!-- 原价 -->
  423 + <view class="price flex xc-ash line_th">
  424 + <view class="fs22">¥</view>
  425 + <view class="fs22">{{item.market_price}}</view>
  426 + </view>
  427 + </view>
  428 + </block>
  429 + <blocK wx:else>
  430 + <view class="money flex" >
  431 + <!-- 办卡价 -->
  432 + <view class="flex xc-wc">
  433 + <view class="fs24 wz_red">¥</view>
  434 + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view>
  435 + </view>
  436 + </view>
  437 + <view class="flex" style="line-height: 28rpx;" >
  438 + <!-- 原价 -->
  439 + <view class="price flex xc-ash line_th">
  440 + <view class="fs22">¥</view>
  441 + <view class="fs22">{{item.market_price}}</view>
  442 + </view>
  443 + </view>
  444 + </blocK>
  445 + </block>
  446 + <block wx:else>
  447 + <!-- 如果商品有设置等级价大于0的 -->
  448 + <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}">
  449 + <view class="money flex" >
  450 + <!-- 办卡价 -->
  451 + <view class="flex xc-wc">
  452 + <view class="fs24 wz_red">¥</view>
  453 + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view>
  454 + </view>
  455 + <!-- 原价 -->
  456 + <view class="price flex xc-ash line_th">
  457 + <view class="fs22">¥</view>
  458 + <view class="fs22">{{item.market_price}}</view>
  459 + </view>
  460 +
  461 + </view>
  462 + <view class="flex" style="line-height: 28rpx;" >
  463 + <!-- 等级价 -->
  464 + <view class="price flex ai_and">
  465 + <view class="fs22">¥</view>
  466 + <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view>
  467 + <view class="card_bg ellipsis-1">
  468 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
  469 + <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text>
  470 + </view>
  471 + </view>
  472 + </view>
  473 + </block>
  474 + <block wx:else>
  475 + <view class="money flex" >
  476 + <!-- 办卡价 -->
  477 + <view class="flex xc-wc">
  478 + <view class="fs24 wz_red">¥</view>
  479 + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view>
  480 + </view>
  481 + </view>
  482 + <view class="flex" style="line-height: 28rpx;" >
  483 + <!-- 原价 -->
  484 + <view class="price flex xc-ash line_th">
  485 + <view class="fs22">¥</view>
  486 + <view class="fs22">{{item.market_price}}</view>
  487 + </view>
  488 + </view>
  489 + </block>
  490 + </block>
  491 + </block>
  492 + <block wx:else>
  493 + <view class='wz_red'>¥{{item.shop_price}}</view>
  494 + <view class='del'>¥{{item.market_price}}</view>
  495 + </block>
  496 + </block>
  497 + </view>
  498 + <view class='zs_wz5_3l c-5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view>
  499 + <!-- <view style="height: 10rpx;"></view> -->
  500 + </view>
  501 + </view>
  502 + </view>
  503 + </view>
  504 + </navigator>
  505 + </view>
  506 +
  507 + </block>
  508 +</view>
  509 + <!-- <view class="clear"></view> -->
  510 +</block>
  511 +<!-- 列表显示 -->
  512 +<view class="zs_goods_xiao_wai" wx:if='{{object.column==4}}'>
  513 + <block wx:for="{{goods_array}}" >
  514 + <navigator url="{{g_filter.get_url_by_type(item)}}" class="s1_gk_a1">
  515 + <view class="{{object.noboder==0?'zs_goods_xiao_bottom':'zs_goods_xiao'}}" >
  516 + <view class='zs_top_x'>
  517 + <block wx:if="{{object.big_order_type==3}}">
  518 + <view style="position: relative; width: 100%; height: 100%">
  519 + <image class='zs_t_img_x' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true"
  520 + binderror="bind_bnerr3"></image>
  521 + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%;" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true"
  522 + binderror="bind_bnerr3"></image>
  523 + </view>
  524 + </block>
  525 +
  526 + <block wx:else>
  527 + <!-- 原来的 -->
  528 + <!-- <image class="zs_t_img_x {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}"
  529 + src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true"
  530 + binderror="bind_bnerr3" mode="widthFix" style='max-height:290rpx'></image> -->
  531 +
  532 + <!-- 2021.11.27修改 -->
  533 + <image class="block zs_t_img_x {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}"
  534 + src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true"
  535 + binderror="bind_bnerr3"></image>
  536 + </block>
  537 +
  538 + <block wx:if="{{object.goodicon==3}}">
  539 + <image class='{{g_filter.get_class(object.column,object.position)}}'
  540 + src='{{object.customicon}}'></image>
  541 + </block>
  542 + <block wx:if="{{object.goodicon==1}}">
  543 + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image>
  544 + </block>
  545 + <block wx:if="{{object.goodicon==2}}">
  546 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}"
  547 + src='{{imghost}}/miniapp/images/Recommend.png'></image>
  548 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}"
  549 + src='{{imghost}}/miniapp/images/hot.png'></image>
  550 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}"
  551 + src='{{imghost}}/miniapp/images/new.png'></image>
  552 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}"
  553 + src='{{imghost}}/miniapp/images/Promotion.png'></image>
  554 + </block>
  555 + </view>
  556 +
  557 + <view class='zs_center_x'>
  558 + <view class='zs_wz1_x ellipsis-2' wx:if="{{object.goodstit}}">{{item.goods_name}}</view>
  559 + <view class='zs_wz2_x' wx:if="{{object.goodsprice}}">
  560 +
  561 + <block wx:if="{{item.prom_price || item.prom_integral}}">
  562 + <view class='wz_red'>
  563 + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text>
  564 + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text>
  565 + <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text>
  566 + </view>
  567 + <view class='del'>¥{{item.market_price}}</view>
  568 + </block>
  569 + <!-- 不是活动的情况 -->
  570 + <block wx:else>
  571 +
  572 + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" >
  573 + <!-- 当会员是等级卡的时候 -->
  574 + <block wx:if="{{card_field}}">
  575 + <!-- 等级价>0 -->
  576 + <block wx:if="{{item[card_field]>0}}">
  577 + <view class="money flex" >
  578 + <!-- 办卡价 -->
  579 + <view class="flex xc-wc ai_and">
  580 + <view class="fs24 wz_red">¥</view>
  581 + <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view>
  582 + <view class="card_bg ellipsis-1">
  583 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
  584 + <text class="card_name">{{card_name}}</text>
  585 + </view>
  586 + </view>
  587 + </view>
  588 + <view class="flex" style="line-height: 28rpx;" >
  589 + <!-- 原价 -->
  590 + <view class="price flex xc-ash line_th">
  591 + <view class="fs22">¥</view>
  592 + <view class="fs22">{{item.market_price}}</view>
  593 + </view>
  594 + </view>
  595 + </block>
  596 + <blocK wx:else>
  597 + <view class="money flex" >
  598 + <!-- 办卡价 -->
  599 + <view class="flex xc-wc">
  600 + <view class="fs24">¥</view>
  601 + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view>
  602 + </view>
  603 + </view>
  604 + <view class="flex" style="line-height: 28rpx;" >
  605 + <!-- 原价 -->
  606 + <view class="price flex xc-ash line_th">
  607 + <view class="fs22">¥</view>
  608 + <view class="fs22">{{item.market_price}}</view>
  609 + </view>
  610 + </view>
  611 + </blocK>
  612 + </block>
  613 + <block wx:else>
  614 + <!-- 如果商品有设置等级价大于0的 -->
  615 + <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}">
  616 + <view class="money flex" >
  617 + <!-- 办卡价 -->
  618 + <view class="flex xc-wc">
  619 + <view class="fs24">¥</view>
  620 + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view>
  621 + </view>
  622 + <!-- 原价 -->
  623 + <view class="price flex xc-ash line_th">
  624 + <view class="fs22">¥</view>
  625 + <view class="fs22">{{item.market_price}}</view>
  626 + </view>
  627 +
  628 + </view>
  629 + <view class="flex" style="line-height: 28rpx;" >
  630 + <!-- 等级价 -->
  631 + <view class="price flex ai_and">
  632 + <view class="fs22">¥</view>
  633 + <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view>
  634 + <view class="card_bg">
  635 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>{{g_filter.get_card_price(item,card_list,1)}}</view>
  636 + </view>
  637 + </view>
  638 + </block>
  639 + <block wx:else>
  640 + <view class="money flex" >
  641 + <!-- 办卡价 -->
  642 + <view class="flex xc-wc">
  643 + <view class="fs24 wz_red">¥</view>
  644 + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view>
  645 + </view>
  646 + </view>
  647 + <view class="flex" style="line-height: 28rpx;" >
  648 + <!-- 原价 -->
  649 + <view class="price flex xc-ash line_th">
  650 + <view class="fs22">¥</view>
  651 + <view class="fs22">{{item.market_price}}</view>
  652 + </view>
  653 + </view>
  654 + </block>
  655 + </block>
  656 + </block>
  657 +
  658 + <block wx:else>
  659 + <view class='wz_red'>¥{{item.shop_price}}</view>
  660 + <view class='del'>¥{{item.market_price}}</view>
  661 + </block>
  662 +
  663 + </block>
  664 + </view>
  665 + <view class='zs_wz5_x c-5' wx:if="{{object.goodsnum}}" style="font-size: 26rpx;">销量:{{item.sales_sum}}件</view>
  666 + </view>
  667 +
  668 + </view>
  669 + </navigator>
  670 + </block>
  671 + <view class="clear"></view>
  672 +</view>
  673 +
  674 +
  675 +<!-- 商品的显示不是左右 -->
  676 +<block wx:if="{{object.column!=5}}">
  677 +<block wx:if="{{classstyle_id=='1' }}"><view class="button-wrapper" wx:if="{{goods_btn.length!=0 }}">
  678 + <button type="default" size="default" loading="{{loading}}" disabled="{{disabled}}" bindtap="setLoading" class="c-5">
  679 + {{loadText}}
  680 + </button>
  681 +</view></block>
  682 +<block wx:if="{{classstyle_id!='1' }}">
  683 + <view class="button-wrapper pd20" wx:if="{{object.goodscount * page <total }}">
  684 + <button type="default" size="default" loading="{{loading}}" disabled="{{disabled}}" bindtap="setLoading" style="background-color: rgba(0,0,0,0);color: #555;">{{loadText}}</button>
  685 + </view>
  686 + <view class="fs22" wx:if="{{object.goodscount * page >=total }}" style="color:{{object.nomore_color}};text-align: center; padding: 20rpx 0">—— 宝贝已经全部加载 —— </view>
  687 +
  688 +</block>
  689 +</block>
  690 +
  691 +
  692 +<!--商品展示-->
  693 +<swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.column==5}}" style="height: {{swiper_hei}}rpx;">
  694 + <view class="sp">
  695 + <swiper-item class="s_it" wx:for="{{goods_array}}">
  696 + <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind">
  697 + <navigator url="{{g_filter.get_url_by_type(aitem)}}" style="width: 32%" >
  698 + <view class="one {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}">
  699 + <view class='sp_top'>
  700 + <view class='s_img' style="position: relative; width: 100%">
  701 +
  702 + <block wx:if="{{object.big_order_type==3}}">
  703 + <view style="position: relative; width: 100%; height: 100%">
  704 + <image src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true"
  705 + binderror="bind_bnerr3"></image>
  706 +
  707 + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{aitem.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" binderror="bind_bnerr3"></image>
  708 + </view>
  709 + </block>
  710 +
  711 + <block wx:else>
  712 + <image src="{{aitem.goods_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].goods_img"
  713 + binderror="bind_bnerr3" lazy-load="true" style="width: 100%"></image>
  714 + </block>
  715 +
  716 +
  717 + <block wx:if="{{object.goodicon==3}}">
  718 + <image class='{{g_filter.get_class(object.column,object.position)}}'
  719 + src='{{object.customicon}}'></image>
  720 + </block>
  721 + <block wx:if="{{object.goodicon==1}}">
  722 + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image>
  723 + </block>
  724 + <block wx:if="{{object.goodicon==2}}">
  725 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}"
  726 + src='{{imghost}}/miniapp/images/Recommend.png'></image>
  727 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}"
  728 + src='{{imghost}}/miniapp/images/hot.png'></image>
  729 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}"
  730 + src='{{imghost}}/miniapp/images/new.png'></image>
  731 + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}"
  732 + src='{{imghost}}/miniapp/images/Promotion.png'></image>
  733 + </block>
  734 +
  735 + </view>
  736 + <view class='clear'></view>
  737 + </view>
  738 +
  739 + <view class='pd10'>
  740 + <view class='zs_wz1_3l' wx:if="{{object.goodstit}}">{{aitem.goods_name}}</view>
  741 + <view class='zs_wz2_3l' wx:if="{{object.goodsprice}}">
  742 + <block wx:if="{{aitem.prom_price || aitem.prom_integral }}">
  743 + <view class='wz_red'>
  744 + <text wx:if="{{aitem.prom_integral}}">{{aitem.prom_integral}}</text>
  745 + <text wx:if="{{aitem.prom_integral && aitem.prom_price}}">+</text>
  746 + <text wx:if="{{aitem.prom_price}}">¥{{aitem.prom_price}}</text>
  747 + </view>
  748 + <view class='del'>¥{{aitem.market_price}}</view>
  749 + </block>
  750 + <block wx:else>
  751 + <block wx:if="{{g_filter.is_has_rank(rank_switch,aitem)}}" >
  752 + <!-- 当会员是等级卡的时候 -->
  753 + <block wx:if="{{card_field}}">
  754 + <!-- 等级价>0 -->
  755 + <block wx:if="{{aitem[card_field]>0}}">
  756 + <view class="money flex" >
  757 + <!-- 办卡价 -->
  758 + <view class="flex xc-wc ai_and">
  759 + <view class="fs24 wz_red">¥</view>
  760 + <view class="fs35 wz_red">{{filter.toFix(aitem[card_field],2)}}</view>
  761 + <view class="card_bg ellipsis-1">
  762 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
  763 + <text class="card_name">{{card_name}}</text>
  764 + </view>
  765 + </view>
  766 + </view>
  767 + <view class="flex" style="line-height: 28rpx;" >
  768 + <!-- 原价 -->
  769 + <view class="price flex xc-ash line_th">
  770 + <view class="fs22">¥</view>
  771 + <view class="fs22">{{aitem.market_price}}</view>
  772 + </view>
  773 + </view>
  774 + </block>
  775 + <blocK wx:else>
  776 + <view class="money flex" >
  777 + <!-- 办卡价 -->
  778 + <view class="flex xc-wc">
  779 + <view class="fs24 wz_red">¥</view>
  780 + <view class="fs35 wz_red">{{filter.toFix(aitem.shop_price,2)}}</view>
  781 + </view>
  782 + </view>
  783 + <view class="flex" style="line-height: 28rpx;" >
  784 + <!-- 原价 -->
  785 + <view class="price flex xc-ash line_th">
  786 + <view class="fs22">¥</view>
  787 + <view class="fs22">{{aitem.market_price}}</view>
  788 + </view>
  789 + </view>
  790 + </blocK>
  791 + </block>
  792 + <block wx:else>
  793 + <!-- 如果商品有设置等级价大于0的 -->
  794 + <block wx:if="{{g_filter.get_card_price(aitem,card_list,0)}}">
  795 + <view class="money flex" >
  796 + <!-- 办卡价 -->
  797 + <view class="flex xc-wc">
  798 + <view class="fs24 wz_red">¥</view>
  799 + <view class="fs35 wz_red">{{filter.toFix(aitem.shop_price,2)}}</view>
  800 + </view>
  801 + <!-- 原价 -->
  802 + <view class="price flex xc-ash line_th">
  803 + <view class="fs22">¥</view>
  804 + <view class="fs22">{{aitem.market_price}}</view>
  805 + </view>
  806 +
  807 + </view>
  808 + <view class="flex" style="line-height: 28rpx;" >
  809 + <!-- 等级价 -->
  810 + <view class="price flex ai_and">
  811 + <view class="fs22">¥</view>
  812 + <view class="fs28">{{filter.toFix(g_filter.get_card_price(aitem,card_list,0),2)}}</view>
  813 + <view class="card_bg ellipsis-1">
  814 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
  815 + <text class="card_name">{{g_filter.get_card_price(aitem,card_list,1)}}</text>
  816 + </view>
  817 + </view>
  818 + </view>
  819 + </block>
  820 + <block wx:else>
  821 + <view class="money flex" >
  822 + <!-- 办卡价 -->
  823 + <view class="flex xc-wc">
  824 + <view class="fs24 wz_red">¥</view>
  825 + <view class="fs35 wz_red">{{filter.toFix(aitem.shop_price,2)}}</view>
  826 + </view>
  827 + </view>
  828 + <view class="flex" style="line-height: 28rpx;" >
  829 + <!-- 原价 -->
  830 + <view class="price flex xc-ash line_th">
  831 + <view class="fs22">¥</view>
  832 + <view class="fs22">{{aitem.market_price}}</view>
  833 + </view>
  834 + </view>
  835 + </block>
  836 + </block>
  837 + </block>
  838 + <block wx:else>
  839 + <view class='wz_red'>¥{{aitem.shop_price}}</view>
  840 + <view class='del'>¥{{aitem.market_price}}</view>
  841 + </block>
  842 + </block>
  843 + </view>
  844 + <view class='zs_wz5_3l c-5' wx:if="{{object.goodsnum}}">销量:{{aitem.sales_sum}}件</view>
  845 + <!-- <view style="height: 10rpx;"></view> -->
  846 + </view>
  847 +
  848 + </view>
  849 + </navigator>
  850 + </block>
  851 + </swiper-item>
  852 + </view>
  853 + </swiper>
0 854 \ No newline at end of file
... ...
components/diy_serviceCard/diy_serviceCard.wxss 0 → 100644
  1 +/* pages/diy_zs/diy_zs.wxss */
  2 +
  3 +.zwp_3 {
  4 + margin-top: 10rpx;
  5 +}
  6 +
  7 +.zs_goods {
  8 + box-sizing: border-box;
  9 + width: 100%;
  10 + /* margin-bottom: 10rpx; */
  11 + /* margin: 0 auto 20rpx auto; */
  12 + margin-top: 20rpx;
  13 + overflow:hidden;
  14 + background-color: white;
  15 +}
  16 +
  17 +.s1_gk_a1 {
  18 + overflow: hidden;
  19 + box-sizing: border-box;
  20 + /* display: inline;
  21 + width: auto;
  22 + height: auto; */
  23 +}
  24 +
  25 +.clear {
  26 + clear: both;
  27 +}
  28 +
  29 +.zs_top {
  30 + width: 100%;
  31 + height: 700rpx;
  32 + /* min-height: 700rpx; */
  33 + /* margin: 0 auto; */
  34 + /* margin-bottom: 30rpx; */
  35 + /* display: flex; */
  36 +}
  37 +
  38 +.zs_t_img {
  39 + display: block;
  40 + width: 100%;
  41 + height: 100%;
  42 + /* width: 698rpx;
  43 + height: 698rpx; */
  44 + /* margin: 1rpx auto; */
  45 +}
  46 +
  47 +.zs_center {
  48 + box-sizing: border-box;
  49 + width: 100%;
  50 + /* min-height: 200rpx; */
  51 + font-size: 28rpx;
  52 + color: #333;
  53 + text-align: left;
  54 + /* margin-left: 25rpx; */
  55 + padding: 20rpx;
  56 +}
  57 +
  58 +.zs_wz1 {
  59 + overflow: hidden;
  60 + text-overflow: ellipsis;
  61 + margin-bottom: 10rpx;
  62 + font-size: 30rpx;
  63 + white-space: nowrap;
  64 + width: 640rpx;
  65 +}
  66 +
  67 +.zs_wz2 {
  68 + overflow: hidden;
  69 + text-overflow: ellipsis;
  70 + margin-bottom: 10rpx;
  71 + font-size: 28rpx;
  72 + white-space: nowrap;
  73 +}
  74 +
  75 +.zs_wz3 {
  76 + overflow: hidden;
  77 + text-overflow: ellipsis;
  78 + margin-bottom: 10rpx;
  79 + font-size: 28rpx;
  80 + white-space: nowrap;
  81 +}
  82 +
  83 +.zs_wz4 {
  84 + overflow: hidden;
  85 + text-overflow: ellipsis;
  86 + /* margin-bottom: 10rpx; */
  87 + font-size: 26rpx;
  88 + white-space: nowrap;
  89 +}
  90 +
  91 +.zs_wz5 {
  92 + overflow: hidden;
  93 + text-overflow: ellipsis;
  94 + font-size: 30rpx;
  95 + white-space: nowrap;
  96 +}
  97 +
  98 +.wz_red {
  99 + /* color: #c4182e;
  100 + font-size: 32rpx; */
  101 +}
  102 +
  103 +.zs_t1 {
  104 + width: 56rpx;
  105 + height: 56rpx;
  106 + position: absolute;
  107 + left: 0rpx;
  108 + top: 10rpx;
  109 +}
  110 +
  111 +.zs_t2 {
  112 + width: 56rpx;
  113 + height: 56rpx;
  114 + position: absolute;
  115 + right: 0rpx;
  116 + top: 10rpx;
  117 +}
  118 +
  119 +.zs_t3 {
  120 + width: 56rpx;
  121 + height: 56rpx;
  122 + position: absolute;
  123 + left: 0rpx;
  124 + bottom: 10rpx;
  125 +}
  126 +
  127 +.zs_t4 {
  128 + width: 56rpx;
  129 + height: 56rpx;
  130 + position: absolute;
  131 + right: 20rpx;
  132 + bottom: 10rpx;
  133 +}
  134 +
  135 +.zs_goods_xiao_bottom {
  136 + /* width: 100%; */
  137 + /* min-height: 300rpx; */
  138 + display: flex;
  139 + border-bottom: 2rpx #eee solid;
  140 + /* padding: 10rpx; */
  141 + background-color: white;
  142 + padding: 20rpx;
  143 + /* background-color: pink; */
  144 + box-sizing: border-box;
  145 +}
  146 +
  147 +.zs_goods_xiao {
  148 + width: 100%;
  149 + min-height: 300rpx;
  150 + display: flex;
  151 + /* border-bottom: 2rpx #eee solid; */
  152 + padding: 10rpx;
  153 + background-color: white;
  154 +}
  155 +
  156 +.zs_top_x {
  157 + /* width: 400rpx;
  158 + height: 318rpx; */
  159 + /* margin-top: 20rpx; */
  160 + /* display: flex; */
  161 + position: relative;
  162 +}
  163 +
  164 +.zs_t_img_x {
  165 + width: 290rpx;
  166 + height: 290rpx;
  167 + /* margin-left: 20rpx; */
  168 +}
  169 +
  170 +.zs_t_img_x.zj{ border: 1rpx solid #eee;}
  171 +.zs_t_img_x.yj{ border: 1rpx solid #eee;border-radius: 18rpx;}
  172 +
  173 +
  174 +.zs_center_x {
  175 + /* width: 100%;
  176 + min-height: 200rpx; */
  177 + font-size: 28rpx;
  178 + color: #333;
  179 + padding-left: 20rpx;
  180 + /* text-align: left; */
  181 + /* margin-top: 30rpx;
  182 + padding: 0 10rpx; */
  183 +}
  184 +
  185 +.zs_wz1_x {
  186 + /* overflow: hidden;
  187 + text-overflow: ellipsis; */
  188 + height: 90rpx;
  189 + margin-bottom: 10rpx;
  190 + font-size: 30rpx;
  191 + /* word-break: break-all; */
  192 + /* white-space: nowrap;
  193 + width: 80%; */
  194 +}
  195 +
  196 +.zs_wz2_x {
  197 + overflow: hidden;
  198 + text-overflow: ellipsis;
  199 + margin-bottom: 10rpx;
  200 + font-size: 28rpx;
  201 + white-space: nowrap;
  202 +}
  203 +
  204 +.zs_wz3_x {
  205 + overflow: hidden;
  206 + text-overflow: ellipsis;
  207 + margin-bottom: 10rpx;
  208 + font-size: 28rpx;
  209 + white-space: nowrap;
  210 +}
  211 +
  212 +.zs_wz4_x {
  213 + overflow: hidden;
  214 + text-overflow: ellipsis;
  215 + margin-bottom: 10rpx;
  216 + font-size: 28rpx;
  217 + white-space: nowrap;
  218 +}
  219 +
  220 +.zs_wz5_x {
  221 + overflow: hidden;
  222 + text-overflow: ellipsis;
  223 + font-size: 30rpx;
  224 + white-space: nowrap;
  225 +}
  226 +
  227 +.wz_red {
  228 + color: #f2270c;
  229 + font-size: 32rpx;
  230 +}
  231 +
  232 +.del {
  233 + font-size: 24rpx;
  234 + color: #999;
  235 + text-decoration: line-through;
  236 + margin-top: 8rpx;
  237 +}
  238 +
  239 +.zs_t1_x {
  240 + width: 56rpx;
  241 + height: 56rpx;
  242 + position: relative;
  243 + right: 62rpx;
  244 + top: 6rpx;
  245 +}
  246 +
  247 +.zs_t1_x1 {
  248 + position: absolute;
  249 + width: 56rpx;
  250 + height: 56rpx;
  251 + /* position: relative; */
  252 + left: 10rpx;
  253 + top: 10rpx;
  254 +}
  255 +
  256 +.zs_t1_x2 {
  257 + width: 56rpx;
  258 + height: 56rpx;
  259 + position: relative;
  260 + right: 56rpx;
  261 + top: 0rpx;
  262 +}
  263 +
  264 +.zs_t1_x3 {
  265 + width: 56rpx;
  266 + height: 56rpx;
  267 + position: relative;
  268 + right: 288rpx;
  269 + top: 234rpx;
  270 +}
  271 +
  272 +/*1列2个*/
  273 +
  274 +.zs_goods_ban {
  275 + width: 100%;
  276 + /* min-height: 300rpx; */
  277 +}
  278 +
  279 +.zs_goods_wai_ban {
  280 + /* display: flex; */
  281 + /* padding-left: 2rpx; */
  282 + /* margin-bottom: 12rpx; */
  283 + /* width: 48%; */
  284 + /* float: left; */
  285 + background: #fff;
  286 + /* margin-left: 1%; */
  287 + /* margin-top: 10rpx; */
  288 +}
  289 +
  290 +
  291 +
  292 +.zs_goods_2l {
  293 + /* width: 94%; */
  294 + /* min-height: 300rpx; */
  295 + /* border: 2rpx #ddd solid; */
  296 + /* margin: 0 auto;
  297 + padding: 2rpx; */
  298 +}
  299 +
  300 +.zs_top_2l {
  301 + width: 100%;
  302 + height: 340rpx;
  303 +}
  304 +
  305 +.button-wrapper button {
  306 + /*width: 94%;*/
  307 + /* border: none;
  308 + margin-top: 10rpx; */
  309 +}
  310 +
  311 +.zs_t_img_2l {
  312 + display: block;
  313 + width: 100%;
  314 + height: 100%;
  315 + margin: 0 auto;
  316 +}
  317 +
  318 +.zs_center_2l {
  319 + box-sizing: border-box;
  320 + width: 100%;
  321 + font-size: 28rpx;
  322 + color: #333;
  323 + /* text-align: left; */
  324 + padding: 20rpx;
  325 + /* padding: 0 10rpx; */
  326 +}
  327 +
  328 +.zs_wz1_2l {
  329 + /* overflow: hidden;
  330 + text-overflow: ellipsis; */
  331 + font-size: 28rpx;
  332 + /* white-space: nowrap; */
  333 + height: 90rpx;
  334 + /* line-height: 40rpx; */
  335 + /* margin-top: 10rpx; */
  336 + /* word-break: break-all; */
  337 +}
  338 +
  339 +.zs_wz2_2l {
  340 + overflow: hidden;
  341 + text-overflow: ellipsis;
  342 + margin-bottom: 10rpx;
  343 + font-size: 30rpx;
  344 + white-space: nowrap;
  345 + margin-top: 10rpx;
  346 + height: 80rpx;
  347 + line-height: 40rpx;
  348 +}
  349 +
  350 +.zs_wz3_2l {
  351 + overflow: hidden;
  352 + text-overflow: ellipsis;
  353 + margin-bottom: 10rpx;
  354 + font-size: 30rpx;
  355 + white-space: nowrap;
  356 + margin-top: 10rpx;
  357 +}
  358 +
  359 +.zs_wz4_2l {
  360 + overflow: hidden;
  361 + text-overflow: ellipsis;
  362 + margin-bottom: 10rpx;
  363 + font-size: 30rpx;
  364 + white-space: nowrap;
  365 + margin-top: 10rpx;
  366 +}
  367 +
  368 +.zs_wz5_2l {
  369 + overflow: hidden;
  370 + text-overflow: ellipsis;
  371 + font-size: 24rpx;
  372 + white-space: nowrap;
  373 + margin-top: 10rpx;
  374 +}
  375 +
  376 +/*---俩列图片位置---*/
  377 +
  378 +.zs_t1_2l {
  379 + width: 56rpx;
  380 + height: 56rpx;
  381 + position: absolute;
  382 + left: 10rpx;
  383 + top: 10rpx;
  384 +}
  385 +
  386 +.zs_t2_2l {
  387 + width: 56rpx;
  388 + height: 56rpx;
  389 + position: absolute;
  390 + right: 10rpx;
  391 + top: 10rpx;
  392 +}
  393 +
  394 +.zs_t3_2l {
  395 + width: 56rpx;
  396 + height: 56rpx;
  397 + position: absolute;
  398 + left: 10rpx;
  399 + bottom: 10rpx;
  400 +}
  401 +
  402 +.zs_t4_2l {
  403 + width: 56rpx;
  404 + height: 56rpx;
  405 + position: absolute;
  406 + right: 10rpx;
  407 + bottom: 10rpx;
  408 +}
  409 +
  410 +/*一个3列*/
  411 +
  412 +.zs_goods_wai_san {
  413 + box-sizing: border-box;
  414 + /* width: 236rpx; */
  415 + /* display: flex;
  416 + margin-left: 10rpx;
  417 + float: left; */
  418 + /* margin-bottom: 8rpx; */
  419 + background-color: white;
  420 + overflow: hidden;
  421 +}
  422 +
  423 +.zs_goods_san {
  424 + width: 236rpx;
  425 +}
  426 +
  427 +.zs_goods_3l {
  428 + /* width: 228rpx; */
  429 + /* min-height: 300rpx; */
  430 + margin: 0 auto;
  431 + /* padding: 2rpx; */
  432 + overflow: hidden;
  433 +}
  434 +
  435 +.zs_top_3l {
  436 + /* width: 232rpx; */
  437 + height: 232rpx;
  438 +}
  439 +
  440 +.zs_t_img_3l {
  441 + /* width: 232rpx;
  442 + height: 232rpx;
  443 + margin: 0 auto; */
  444 + display: block;
  445 + width: 100%;
  446 + height: 100%;
  447 + background-color: #f2f2f2;
  448 +}
  449 +
  450 +.zs_center_3l {
  451 + width: 100%;
  452 + font-size: 28rpx;
  453 + color: #333;
  454 + padding: 8rpx;
  455 + box-sizing: border-box;
  456 + /* text-align: left;
  457 + padding: 0 10rpx; */
  458 +}
  459 +
  460 +.zs_wz1_3l {
  461 + margin-bottom: 10rpx;
  462 + font-size: 28rpx;
  463 + height: 70rpx;
  464 + line-height: 35rpx;
  465 + /* width: 220rpx; */
  466 + overflow: hidden;
  467 + text-overflow: ellipsis;
  468 + display: -webkit-box;
  469 + -webkit-box-orient: vertical;
  470 + -webkit-line-clamp: 2;
  471 +}
  472 +
  473 +.zs_wz2_3l {
  474 + margin-bottom: 10rpx;
  475 + font-size: 26rpx;
  476 + height: 70rpx;
  477 + line-height: 30rpx
  478 +}
  479 +
  480 +.zs_wz3_3l {
  481 + overflow: hidden;
  482 + text-overflow: ellipsis;
  483 + margin-bottom: 10rpx;
  484 + font-size: 30rpx;
  485 + white-space: nowrap;
  486 +}
  487 +
  488 +.zs_wz4_3l {
  489 + overflow: hidden;
  490 + text-overflow: ellipsis;
  491 + margin-bottom: 10rpx;
  492 + font-size: 30rpx;
  493 + white-space: nowrap;
  494 +}
  495 +
  496 +.zs_wz5_3l {
  497 + overflow: hidden;
  498 + text-overflow: ellipsis;
  499 + font-size: 24rpx;
  500 + white-space: nowrap;
  501 +}
  502 +
  503 +.zs_t1_3l {
  504 + width: 56rpx;
  505 + height: 56rpx;
  506 + position: absolute;
  507 + left: 10rpx;
  508 + top: 10rpx;
  509 +}
  510 +.zs_t1_x4{
  511 + width: 56rpx;
  512 + height: 56rpx;
  513 + position: absolute;
  514 + right: 10rpx;
  515 + bottom: 10rpx;
  516 +}
  517 +
  518 +.zs_t2_3l {
  519 + width: 56rpx;
  520 + height: 56rpx;
  521 + position: absolute;
  522 + right: 10rpx;
  523 + top: 10rpx;
  524 +}
  525 +
  526 +.zs_t3_3l {
  527 + width: 56rpx;
  528 + height: 56rpx;
  529 + position: absolute;
  530 + left: 10rpx;
  531 + bottom: 10rpx;
  532 +}
  533 +
  534 +.zs_t4_3l {
  535 + width: 56rpx;
  536 + height: 56rpx;
  537 + position: absolute;
  538 + right: 10rpx;
  539 + bottom: 10rpx;
  540 +}
  541 +
  542 +.zs_goods_wai {
  543 + /* background-color: white; */
  544 + padding: 0 20rpx;
  545 + overflow: hidden;
  546 + /* margin-top: 10rpx; */
  547 +}
  548 +
  549 +.rel {
  550 + position: relative;
  551 +}
  552 +
  553 +.flex {
  554 + display: flex;
  555 +}
  556 +
  557 +.wrap {
  558 + flex-wrap: wrap;
  559 +}
  560 +
  561 +.jc-ar {
  562 + justify-content: space-around;
  563 +}
  564 +
  565 +.fs24 {
  566 + font-size: 24rpx;
  567 +}
  568 +
  569 +.fs24 {
  570 + font-size: 22rpx;
  571 +}
  572 +.fs35 {
  573 + font-size: 30rpx;
  574 +}
  575 +
  576 +.fs28{ font-size: 28rpx;}
  577 +
  578 +.xc-wc {
  579 + align-items: center;
  580 + margin-top: -3rpx;
  581 +}
  582 +
  583 +.price.xc-ash {
  584 + font-size: 24rpx;
  585 + color: #999;
  586 + text-decoration: line-through;
  587 + margin-top: 8rpx;
  588 +}
  589 +
  590 +.line_th {
  591 + text-decoration: line-through;
  592 +}
  593 +
  594 +.card_bg {
  595 + display: flex;
  596 + padding: 2rpx 10rpx;
  597 + height: 25rpx;
  598 + align-items: center;
  599 + border-radius: 26rpx;
  600 + font-size: 19rpx;
  601 + line-height: 25rpx;
  602 + max-width: 110rpx;
  603 + background: #333;
  604 + color: #fff;
  605 + justify-content: center;
  606 + margin-left: 8rpx;
  607 +}
  608 +
  609 +.card_bg image {
  610 + width: 19rpx;
  611 + height: 19rpx;
  612 + margin-right: 1rpx;
  613 +}
  614 +
  615 +.card_bg .card_name {
  616 + max-width: 76rpx;
  617 + width: auto;
  618 + overflow: hidden;
  619 + white-space: nowrap;
  620 +}
  621 +
  622 +.ai-center{align-items: center;}
  623 +
  624 +.gr_title_list{ width:95%; margin-left:2.5%}
  625 +.gr_title_item{ padding:0 10rpx;flex-shrink: 0;flex-grow: 1; text-align: center;}
  626 +
  627 +
  628 +.border_zhijiao{
  629 + border:2rpx solid #f0f0f0;
  630 +}
  631 +.border_yuanjiao{
  632 + border:2rpx solid #f0f0f0;
  633 + border-radius: 20rpx;
  634 +}
  635 +.top {
  636 + background-color: white;
  637 + height: 70rpx;
  638 + line-height: 70rpx;
  639 + color: #000;
  640 + border-bottom: 2rpx solid #eee;
  641 + padding:0rpx 20rpx;
  642 + display: flex;
  643 + justify-content: space-between;
  644 + font-size: 32rpx;
  645 +}
  646 +
  647 +.s_it {
  648 + width: 100%;
  649 + display: flex;
  650 + padding-top: 20rpx;
  651 + box-sizing: border-box;
  652 +}
  653 +
  654 +.s_prom {
  655 + width: 100%;
  656 + /* background-color: white; */
  657 +}
  658 +
  659 +swiper {
  660 + display: block;
  661 +}
  662 +
  663 +.right_k {
  664 + width: 30rpx;
  665 +}
  666 +.right_k image{
  667 + width: 30rpx;
  668 + height: 30rpx;
  669 +}
  670 + .t_left {
  671 + width: 10rpx;
  672 + height: 38rpx;
  673 + background: #c4182e;
  674 + margin-right: 10rpx;
  675 +}
  676 +
  677 +
  678 +.sp {
  679 + width: 100%;
  680 + background-color: white;
  681 + /* padding: 18rpx; */
  682 + display: flex;
  683 +}
  684 +
  685 +.sp .sp_top {
  686 + height: 220rpx;
  687 + min-width: 30%;
  688 +}
  689 +
  690 +.sp .sp_top .s_img {
  691 + width: 210rpx;
  692 + height: 100%;
  693 +}
  694 +
  695 +.sp .sp_top .s_img image {
  696 + width: 210rpx;
  697 + height: 100%;
  698 + position: relative;
  699 +}
  700 +
  701 +.sp .sp_top .s_top_kill {
  702 + background-color: #c4182e;
  703 + font-size: 24rpx;
  704 + height: 38rpx;
  705 + line-height: 38rpx;
  706 + left: 6rpx;
  707 + padding: 4rpx 10rpx;
  708 + border-radius: 10rpx;
  709 + z-index: 999;
  710 + position: relative;
  711 + top: -6rpx;
  712 + width: 210rpx;
  713 + color: #fff;
  714 + text-align: center;
  715 +}
  716 +
  717 +.po {
  718 + position: absolute;
  719 +}
  720 +
  721 +.sp .sp_top .s_foot_kill {
  722 + font-size: 20rpx;
  723 + position: relative;
  724 + top: -90rpx;
  725 + width: 210rpx;
  726 + height: 38rpx;
  727 + line-height: 38rpx;
  728 + color: #fff;
  729 + text-align: center;
  730 + background-color: rgba(0, 0, 0, 0.5);
  731 +}
  732 +
  733 +.sp_wz {
  734 + width: 210rpx;
  735 +}
  736 +
  737 +.sp_wz .sp_wzi {
  738 + font-size: 30rpx;
  739 + border-bottom: 2rpx solid #dcdcdc;
  740 + width: 100%;
  741 + text-align: left;
  742 + padding: 4rpx 0;
  743 + overflow: hidden;
  744 + height: 48rpx;
  745 + text-overflow: ellipsis;
  746 + white-space: nowrap;
  747 + line-height: 48rpx;
  748 +}
  749 +
  750 +.sp_wz .sp_jg {
  751 + color: #c4182e;
  752 + font-size: 30rpx;
  753 + overflow: hidden;
  754 + display: inline-block;
  755 + text-overflow: ellipsis;
  756 + white-space: nowrap;
  757 + margin-right: 10rpx;
  758 +}
  759 +
  760 +.sp_wz .sp_jgx {
  761 + color: #adadad;
  762 + text-decoration: line-through;
  763 + font-size: 24rpx;
  764 + overflow: hidden;
  765 + display: inline-block;
  766 + text-overflow: ellipsis;
  767 + white-space: nowrap;
  768 +}
  769 +
  770 +.one {
  771 + margin-left: 14rpx;
  772 + overflow: hidden;
  773 + background-color: white;
  774 +}
  775 +
  776 +.one.zj{ border: 1rpx solid #eee;}
  777 +.one.yj{ border: 1rpx solid #eee; border-radius: 18rpx;}
  778 +
  779 +
  780 +.sp .sp_top .s_top1_kill {
  781 + position: absolute;
  782 + background-color: #c4182e;
  783 + font-size: 24rpx;
  784 + height: 38rpx;
  785 + line-height: 38rpx;
  786 + left: 265rpx;
  787 + top: 100rpx;
  788 + padding: 0 10rpx;
  789 + color: white;
  790 + border-radius: 10rpx;
  791 +}
  792 +
  793 +.sp .sp_top .s_top2_kill {
  794 + position: absolute;
  795 + background-color: #c4182e;
  796 + font-size: 24rpx;
  797 + height: 38rpx;
  798 + line-height: 38rpx;
  799 + right: 146rpx;
  800 + top: 100rpx;
  801 + padding: 0 10rpx;
  802 + color: white;
  803 + border-radius: 10rpx;
  804 +}
  805 +
  806 +.sp .sp_top .s_foot1_kill {
  807 + font-size: 20rpx;
  808 + position: absolute;
  809 + top: 270rpx;
  810 + width: 210rpx;
  811 + height: 38rpx;
  812 + line-height: 38rpx;
  813 + color: #fff;
  814 + text-align: center;
  815 + background-color: rgba(0, 0, 0, 0.5);
  816 +}
  817 +
  818 +.po1 {
  819 + position: absolute;
  820 +}
  821 +
  822 +.sp .sp_top .s_foot2_kill {
  823 + font-size: 20rpx;
  824 + position: absolute;
  825 + top: 270rpx;
  826 + width: 210rpx;
  827 + height: 38rpx;
  828 + line-height: 38rpx;
  829 + color: #fff;
  830 + text-align: center;
  831 + background-color: rgba(0, 0, 0, 0.5);
  832 +}
  833 +
  834 +.t_red{ color:red;}
  835 +
  836 +.sp .sp_top .s_img image.zs_t3_3l{
  837 + width: 56rpx;
  838 + height: 56rpx;
  839 + position: absolute;
  840 + left: 10rpx;
  841 + bottom: 10rpx;
  842 +}
  843 +.sp .sp_top .s_img image.zs_t1_3l{
  844 +width: 56rpx;
  845 +height: 56rpx;
  846 +position: absolute;
  847 +left: 10rpx;
  848 +top: 10rpx;
  849 +}
  850 +
  851 +.sp .sp_top .s_img image.zs_t2_3l{
  852 + width: 56rpx;
  853 + height: 56rpx;
  854 + position: absolute;
  855 + right: 10rpx;
  856 + top: 10rpx;
  857 +
  858 +}
  859 +.sp .sp_top .s_img image.zs_t4_3l{
  860 + width: 56rpx;
  861 + height: 56rpx;
  862 + position: absolute;
  863 + right: 10rpx;
  864 + bottom: 10rpx;
  865 +}
  866 +
  867 +.n_box{ position: absolute !important;z-index: 10}
  868 +
  869 +.block {
  870 + display: block;
  871 +}
  872 +
  873 +.ellipsis-2 {
  874 + overflow: hidden;
  875 + text-overflow: ellipsis;
  876 + display: -webkit-box;
  877 + -webkit-box-orient: vertical;
  878 + -webkit-line-clamp: 2;
  879 +}
  880 +
  881 +
  882 +
  883 +
  884 +/* 服务卡项服务标题 */
  885 +.pd10 {
  886 + padding: 10rpx;
  887 +}
  888 +.pd20 {
  889 + padding: 20rpx;
  890 +}
  891 +/* .flex-shrink-0 {
  892 + flex-shrink: 0;
  893 +} */
  894 +
  895 +.scroll-view-container {
  896 + /* display: flex;
  897 + height: 100rpx; */
  898 +}
  899 +
  900 +.f1 {
  901 + /* flex: 1; */
  902 + /* width: 100%; */
  903 + /* word-break: keep-all; */
  904 + /* flex-basis: 50%; */
  905 +}
  906 +
  907 +.scroll-view-item {
  908 + flex-shrink: 0;
  909 + border: 2rpx solid #ddd;
  910 + border-radius: 80rpx;
  911 + padding: 10rpx 20rpx;
  912 + margin: 20rpx 10rpx;
  913 + /* font-size: 28rpx; */
  914 + box-sizing: border-box;
  915 +}
  916 +
  917 +.scroll-view-item.active {
  918 + color: red;
  919 + border-color: red;
  920 +}
  921 +
  922 +
  923 +.nav-container {
  924 + box-sizing: border-box;
  925 + padding-top: 20rpx;
  926 + padding-left: 10rpx;
  927 + padding-right: 10rpx;
  928 + flex: 1;
  929 + flex-basis: 50%;
  930 +}
  931 +
  932 +.nav-box {
  933 + box-sizing: border-box;
  934 + width: calc(100% / 3);
  935 + padding: 5rpx;
  936 +}
  937 +
  938 +.nav-box .s1_gk_a1 {
  939 + /* width: 236rpx; */
  940 + /* width: calc(100% / 3); */
  941 + /* height: 100px; */
  942 + /* background-color: skyblue;
  943 + margin-top: 15px; */
  944 +}
  945 +.nav-box .s1_gk_a1 {
  946 + /* margin-left: calc((100% - 236rpx * 3) / 3); */
  947 +}
0 948 \ No newline at end of file
... ...
components/diy_serviceCard/g_filter.wxs 0 → 100644
  1 +//获取样式
  2 +var get_class = function(column,position) {
  3 + //--列的情况
  4 + if(column==1){ return "zs_t"+position; }
  5 + //--俩列的情况
  6 + if(column==2){ return "zs_t"+position+"_2l"; }
  7 + //--三列的情况
  8 + if(column==3){ return "zs_t"+position+"_3l"; }
  9 + //----列表的情况-----
  10 + if(column==4 ){ return "zs_t1_x"+position; }
  11 + //--滑动的情况
  12 + if(column==5){ return "zs_t"+position+"_3l"; }
  13 +}
  14 +
  15 +
  16 +var g_filters = {
  17 + //判断边框类型
  18 + get_border_type:function(type){
  19 + if(!type) type=0;
  20 + var type=parseInt(type);
  21 + switch(type){
  22 + case 0: return "border_zhijiao";
  23 + case 1: return "border_yuanjiao";
  24 + }
  25 + return "";
  26 + }
  27 +
  28 + //-- 判断是不是有等级价 --
  29 + is_has_rank:function(rank_switch,item){
  30 + if(!rank_switch) return false;
  31 + if(item.cardprice1 || item.cardprice2 || item.cardprice3) {return true}
  32 + return false;
  33 + },
  34 +
  35 + //-- 判断,不是等级会员时候,要显示的最低等级价和名称 --
  36 + get_card_price:function(goods,all_card,type){
  37 + var price1=parseFloat(goods['cardprice1']);
  38 + var price2 = parseFloat(goods['cardprice2']);
  39 + var price3 = parseFloat(goods['cardprice3']);
  40 + if(!all_card){
  41 + if(type==0) return 0;
  42 + return "";
  43 + }
  44 +
  45 + var min_price=null;
  46 + var min_name=null;
  47 + //---设置对应的价格名字----
  48 + for(var i=0;i<3;i++) {
  49 + var vl=all_card[i];
  50 + if(!vl) continue;
  51 + if(vl['CorrPrice']=="Price1" && price1>0)
  52 + {
  53 + if(min_price==null) {
  54 + min_price=price1;min_name=vl['CardName'];
  55 + }
  56 + else if(price1<min_price) {
  57 + min_price=price1;min_name=vl['CardName'];
  58 + }
  59 + }
  60 + if(vl['CorrPrice']=="Price2" && price2>0)
  61 + {
  62 + if(min_price==null) {
  63 + min_price=price2;min_name=vl['CardName'];
  64 + }
  65 + else if(price2<min_price) {
  66 + min_price=price2;min_name=vl['CardName'];
  67 + }
  68 + }
  69 +
  70 + if(vl['CorrPrice']=="Price3" && price3>0)
  71 + {
  72 + if(min_price==null) {
  73 + min_price=price3;min_name=vl['CardName'];
  74 + }
  75 + else if(price3<min_price) {
  76 + min_price=price3;min_name=vl['CardName'];
  77 + }
  78 + }
  79 +
  80 + }
  81 + if(min_price==null){
  82 + if(type==0) return 0;
  83 + return "";
  84 + }
  85 +
  86 + if(type==0) return min_price;
  87 + if(min_name.length>4 ) min_name=min_name.substring(0, 4);
  88 + return min_name;
  89 + },
  90 +
  91 +
  92 + get_url_by_type: function(item) {
  93 + var url = '';
  94 + if(item.prom_type == 9) {
  95 + url = '/packageC/pages/luckyGo/luckyGo_goodsInfo/luckyGo_goodsInfo?goods_id=' + item.goods_id + '&group_id=' + item.prom_id;
  96 + }
  97 + else if(item.prom_type==8){
  98 + url="/packageC/pages/presell/goodsInfo/goodsInfo?goods_id="+item.goods_id+"&prom_id="+item.prom_id
  99 + }
  100 + else {
  101 + url = '/pages/goods/goodsInfo/goodsInfo?goods_id=' + item.goods_id + '&prom_id=' + item.prom_id + '&prom_type=' + item.prom_type;
  102 + };
  103 + return url;
  104 + },
  105 +
  106 +}
  107 +
  108 +
  109 +module.exports = {
  110 + get_class: get_class,
  111 + is_has_rank:g_filters.is_has_rank,
  112 + get_card_price:g_filters.get_card_price,
  113 + get_border_type:g_filters.get_border_type,
  114 + get_url_by_type: g_filters.get_url_by_type,
  115 +}
... ...