| | |
| | | font-size: .26rem; |
| | | color: #787070; |
| | | } |
| | | .plat-div |
| | | { |
| | | font-size: 0.28rem; |
| | | padding: 0.2rem; |
| | | background: #fff; |
| | | margin-bottom: 0.2rem; |
| | | display: flex; |
| | | border-radius: .16rem; |
| | | align-items: center; |
| | | } |
| | | .plat-ite |
| | | { |
| | | width: 20%; |
| | | text-align: center; |
| | | margin-right: 0.1rem; |
| | | border-radius: 0.1rem; |
| | | color: #fff; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | background: #F79633; |
| | | padding: 0.1rem; |
| | | } |
| | | .plat-unite |
| | | { |
| | | background: #fff; |
| | | border:1px solid #F79633; |
| | | color:#F79633; |
| | | |
| | | width: 20%; |
| | | text-align: center; |
| | | margin-right: 0.1rem; |
| | | border-radius: 0.1rem; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | padding: 0.1rem; |
| | | } |
| | | </style> |
| | | </head> |
| | | |
| | |
| | | 暂无数据~ |
| | | </div> |
| | | <div v-else class="ulist"> |
| | | <div class="plat-div" v-if="issearch"> |
| | | <span>平台:</span> |
| | | <div v-on:click="changeplat(item)" :class="item.choose?'plat-ite':'plat-unite'" v-for="item in plat"> |
| | | <span class="plat-span" v-if="item.choose"> |
| | | √{{item.platname}} |
| | | </span> |
| | | <span class="plat-span" v-else> |
| | | {{item.platname}} |
| | | </span> |
| | | </div> |
| | | |
| | | </div> |
| | | <a v-for="g in goodsItem" :key="g.id" v-on:click="handleCdetailFavorite(g)"> |
| | | <div class="detail___3ZQFW"> |
| | | <img :src="g.mainPic" |
| | |
| | | </body> |
| | | |
| | | </html> |
| | | <script type="text/javascript" src="https://cdn.staticfile.org/vue/2.6.11/vue.min.js"></script> |
| | | <script type="text/javascript" src="./js/vue.js"></script> |
| | | <script> |
| | | |
| | | (function () { |
| | |
| | | //posturl:'http://dfgapp.ushopvip.com', |
| | | goodsItem:[], |
| | | loading:false, |
| | | plat:[ |
| | | { |
| | | 'platname':'淘宝', |
| | | 'plat':'tb', |
| | | 'choose':true |
| | | }, |
| | | { |
| | | 'platname':'京东', |
| | | 'plat':'jd', |
| | | 'choose':true |
| | | }, |
| | | { |
| | | 'platname':'抖音', |
| | | 'plat':'dy', |
| | | 'choose':true |
| | | }, |
| | | { |
| | | 'platname':'拼多多', |
| | | 'plat':'pdd', |
| | | 'choose':true |
| | | }, |
| | | ], |
| | | txtareatxt:'', |
| | | issearch:false, |
| | | showTxt:'猜你喜欢', |
| | | txtplaceholder:'1、支持淘宝、天猫、京东、抖音、拼多多等平台\r\n2、请粘贴您需要转换的分享文案/链接和口令/商品链接;不支持券链接' |
| | | }, |
| | | methods:{ |
| | | changeplat:function(item) |
| | | { |
| | | var index=this.plat.findIndex(i=>i.plat==item.plat); |
| | | item.choose=!item.choose; |
| | | this.plat[index]=item; |
| | | this.search(); |
| | | }, |
| | | //查询 |
| | | search:function() |
| | | { |
| | |
| | | this.goodsItem=[]; |
| | | var that = this; |
| | | this.loading = true |
| | | var postData={ |
| | | content:that.txtareatxt |
| | | }; |
| | | //查看不看的平台 |
| | | var cancelPlat=this.plat.filter(i=>!i.choose); |
| | | if(cancelPlat&&cancelPlat.length>0) |
| | | { |
| | | for(var i=0;i<cancelPlat.length;i++) |
| | | { |
| | | switch(cancelPlat[i].plat) |
| | | { |
| | | case "tb": |
| | | postData.exclude_tb=1; |
| | | break; |
| | | case "jd": |
| | | postData.exclude_jd=1; |
| | | break; |
| | | case "pdd": |
| | | postData.exclude_pdd=1; |
| | | break; |
| | | case "dy": |
| | | postData.exclude_dy=1; |
| | | break; |
| | | } |
| | | } |
| | | } |
| | | $.ajax({ |
| | | headers:{ |
| | | "token":this.getUrlPar("token") |
| | |
| | | url:this.posturl+'/api/taoke/compare_good', |
| | | type:"post", |
| | | dataType:"json", |
| | | data:{ |
| | | content:that.txtareatxt |
| | | } |
| | | data:postData |
| | | }).done(function(res){ |
| | | that.loading = false; |
| | | that.issearch=true; |
| | | if(res.code == 0){ |
| | | that.goodsItem=res.data.list; |
| | | } |
| | |
| | | }, |
| | | }, |
| | | mounted:function(){ |
| | | /* var postData={ |
| | | var postData={ |
| | | postData:'OAID', |
| | | deviceValue:'' |
| | | }; |
| | | this.likeDataGet(postData); */ |
| | | this.likeDataGet(postData); |
| | | |
| | | |
| | | var that=this; |
| | | document.addEventListener('UniAppJSBridgeReady', function() { |
| | | that.getLikeGoods(); |