提交代码
This commit is contained in:
zpc
parent
321a95b395
commit
63103316ef
138
pages.json
138
pages.json
|
|
@ -45,14 +45,7 @@
|
|||
"navigationBarTextStyle": "black"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/shouye/wxl",
|
||||
"style": {
|
||||
"navigationBarTitleText": "无限令",
|
||||
"navigationBarBackgroundColor": "#222222",
|
||||
"navigationBarTextStyle": "black"
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
"path": "pages/shouye/huanxiang",
|
||||
"style": {
|
||||
|
|
@ -203,14 +196,7 @@
|
|||
"navigationBarTextStyle": "black"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/sangdai/hegui",
|
||||
"style": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationStyle": "custom",
|
||||
"disableSwipeBack": true
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
"path": "pages/sangdai/sangdai",
|
||||
"style": {
|
||||
|
|
@ -266,51 +252,8 @@
|
|||
"navigationBarTextStyle": "black"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/chouka/ka",
|
||||
"style": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/chouka/kace",
|
||||
"style": {
|
||||
"navigationBarBackgroundColor": "#222222",
|
||||
"navigationBarTitleText": "卡册",
|
||||
"navigationBarTextStyle": "black"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/chouka/detail",
|
||||
"style": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/jiaoliu/jiaoliu",
|
||||
"style": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/zizhi/index",
|
||||
"style": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "自制赏",
|
||||
"navigationBarBackgroundColor": "#222222"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/zizhi/detail",
|
||||
"style": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "龙珠手办店",
|
||||
"navigationBarBackgroundColor": "#222222"
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
{
|
||||
"path": "pages/infinite/index",
|
||||
"style": {
|
||||
|
|
@ -319,62 +262,6 @@
|
|||
"navigationBarBackgroundColor": "#222222"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/infinite/UnlimitedOrder",
|
||||
"style": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "魔晶令",
|
||||
"navigationBarBackgroundColor": "#222222",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
// {
|
||||
// "path": "pages/shop/index",
|
||||
// "style": {
|
||||
// "navigationStyle": "custom",
|
||||
// "transparentTitle": "none"
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// "path": "pages/shop/list",
|
||||
// "style": {
|
||||
// "navigationBarTitleText": "",
|
||||
// "navigationBarBackgroundColor": "#000000",
|
||||
// "navigationBarTextStyle": "white"
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// "path": "pages/shop/detail",
|
||||
// "style": {
|
||||
// "navigationBarTitleText": "商品详请",
|
||||
// "navigationBarBackgroundColor": "#000000",
|
||||
// "navigationBarTextStyle": "white"
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// "path": "pages/shop/shop_order",
|
||||
// "style": {
|
||||
// "navigationBarTitleText": "我的订单",
|
||||
// "navigationBarBackgroundColor": "#000000",
|
||||
// "navigationBarTextStyle": "white"
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// "path": "pages/shop/order_detail",
|
||||
// "style": {
|
||||
// "navigationBarTitleText": "订单详情",
|
||||
// "navigationBarBackgroundColor": "#000000",
|
||||
// "navigationBarTextStyle": "white"
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// "path": "pages/shop/wuliu_detail",
|
||||
// "style": {
|
||||
// "navigationBarTitleText": "物流详情",
|
||||
// "navigationBarBackgroundColor": "#000000",
|
||||
// "navigationBarTextStyle": "white"
|
||||
// }
|
||||
// },
|
||||
{
|
||||
"path": "pages/mall/index",
|
||||
"style": {
|
||||
|
|
@ -383,23 +270,6 @@
|
|||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
"path": "pages/fuli/fuli",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/fuli/fuli-detail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/user/coupon",
|
||||
"style": {
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,419 +0,0 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="fixed">
|
||||
<view class="head">
|
||||
<view class="status_bar" :style="'height:'+ statusBarHeight +'px;'"></view>
|
||||
<view class="header_title">抽卡机</view>
|
||||
</view>
|
||||
</view>
|
||||
<mescroll-body ref="mescrollRef" class="valbox" @init="mescrollInit" :down="downOption" @down="downCallback"
|
||||
@up="upCallback">
|
||||
<swiper class="swiper-box" :indicator-dots="true" :autoplay="true">
|
||||
<swiper-item v-for="(v,i) in advert" :key='i'>
|
||||
<image class="yh_bg" :src="v.imgurl" @click="todetails(v.goods_id)"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<view class="gonggao" v-if="aa && notice_list && notice_list.length>0">
|
||||
<lff-barrage ref="lffBarrage"></lff-barrage>
|
||||
</view>
|
||||
|
||||
<view class="title_ipt">
|
||||
<image :src="z_imgPath+'search.png'"></image>
|
||||
<input type="text" placeholder="请输入关键字" placeholder-style="color:rgba(2555,255,255,0.6)"
|
||||
confirm-type="search" v-model="keyword" @confirm="show='',loadData(1)" />
|
||||
<view>搜索</view>
|
||||
</view>
|
||||
|
||||
<view class="qiehuan">
|
||||
<view @click="getlist(v.id)" v-for="(v,i) in arr" :key="i">
|
||||
<view :class="show==v.id?'xzs':'wzs'">{{v.title}}</view>
|
||||
<!-- <view class="qiehuan_line" v-if="show==v.id"> </view> -->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view v-for="(item,index) in listdata" :key="index" class="qbt_con_item"
|
||||
@click="gotoPage('/pages/chouka/ka?goods_id=' + item.id)">
|
||||
<view class="list_1">
|
||||
<image :src="item.imgurl"></image>
|
||||
<view>{{item.title}}</view>
|
||||
<view class="redu_box">
|
||||
<view class="redu">
|
||||
<image :src="a" v-for="(a,b) in item.join_user" :key="b" v-if="b<10"
|
||||
:style="'transform:translateX('+-b*18+'rpx'+')'"> </image>
|
||||
</view>
|
||||
|
||||
<text>{{item.join_count}}次参与</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="list_2">
|
||||
<view>{{item.title}}</view>
|
||||
<view><text>{{item.price}}</text></view>
|
||||
<!-- 元/包 -->
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-body>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import lffBarrage from '@/components/lff-barrage/lff-barrage.vue'
|
||||
export default {
|
||||
components: {
|
||||
lffBarrage
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
z_imgPath: this.$z_img + 'chouka/',
|
||||
statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
|
||||
arr: [],
|
||||
show: 0,
|
||||
keyword: '',
|
||||
listdata: [],
|
||||
downOption: {
|
||||
auto: false
|
||||
},
|
||||
advert: [],
|
||||
|
||||
// 弹幕
|
||||
notice_list: [],
|
||||
aa: false,
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
onUnload() {
|
||||
this.aa = false
|
||||
|
||||
},
|
||||
onHide() {
|
||||
clearInterval(this.timer);
|
||||
this.aa = false
|
||||
uni.setStorageSync('page', this.$mp.page.route)
|
||||
},
|
||||
onLoad(v) {
|
||||
if (v.pid) {
|
||||
uni.setStorageSync('pid', v.pid)
|
||||
}
|
||||
this.getnews()
|
||||
},
|
||||
onShow() {
|
||||
let that = this;
|
||||
this.aa = true
|
||||
setTimeout(() => {
|
||||
that.colrdo()
|
||||
}, 500)
|
||||
},
|
||||
onShareAppMessage() {
|
||||
let that = this;
|
||||
return {
|
||||
title: "友达赏，正版潮玩手办一番赏",
|
||||
imageUrl: that.advert[0].imgurl,
|
||||
path: "/pages/chouka/index?pid=" + uni.getStorageSync('userinfo').ID
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
colrdo() { //插入一条弹幕
|
||||
let that = this;
|
||||
let a = 0;
|
||||
that.timer = setInterval(function() {
|
||||
that.$refs.lffBarrage.add({
|
||||
item: that.notice_list[a].content,
|
||||
title: that.notice_list[a].title,
|
||||
color: that.notice_list[a].color,
|
||||
headimg: that.notice_list[a].headimg
|
||||
});
|
||||
if (a < that.notice_list.length - 1) {
|
||||
a++;
|
||||
} else {
|
||||
a = 0
|
||||
}
|
||||
}, 5000)
|
||||
},
|
||||
getnews() {
|
||||
let that = this;
|
||||
that.req({
|
||||
url: 'cardextractor_index',
|
||||
Loading: true,
|
||||
success(res) {
|
||||
if (res.status == 1) {
|
||||
that.advert = res.data.advert;
|
||||
that.arr = res.data.category
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
downCallback() {
|
||||
this.mescroll.resetUpScroll()
|
||||
},
|
||||
upCallback(page) {
|
||||
this.loadData(page.num);
|
||||
},
|
||||
loadData(pageNo) {
|
||||
let that = this;
|
||||
that.req({
|
||||
url: 'cardextractor_goods',
|
||||
data: {
|
||||
page: pageNo,
|
||||
category_id: that.show,
|
||||
keyword: that.keyword
|
||||
},
|
||||
success(res) {
|
||||
that.mescroll.endByPage(res.data.data.length, res.data.last_page);
|
||||
if (pageNo == 1) {
|
||||
that.listdata = res.data.data;
|
||||
} else {
|
||||
that.listdata = that.listdata.concat(res.data.data);
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
getlist(v) {
|
||||
this.show = v;
|
||||
this.loadData(1)
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
swiper {
|
||||
width: 100%;
|
||||
/* height: 38rpx; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.yh_bg {
|
||||
width: 750rpx;
|
||||
height: 460rpx;
|
||||
}
|
||||
|
||||
.swiper-box {
|
||||
width: 750rpx;
|
||||
height: 460rpx;
|
||||
margin: 0rpx auto;
|
||||
}
|
||||
|
||||
|
||||
.gonggao {
|
||||
width: 750rpx;
|
||||
height: 300rpx;
|
||||
border-radius: 39rpx;
|
||||
margin: 0rpx auto;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 20rpx;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
position: absolute;
|
||||
top: 160rpx;
|
||||
z-index: 16;
|
||||
}
|
||||
|
||||
.header_title {
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
box-sizing: border-box;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.status_bar {
|
||||
height: var(--status-bar-height);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fixed {
|
||||
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 1));
|
||||
width: 750rpx;
|
||||
box-sizing: border-box;
|
||||
position: fixed;
|
||||
/* #ifdef MP */
|
||||
top: 0;
|
||||
/* #endif */
|
||||
/* #ifndef MP */
|
||||
top: 0rpx;
|
||||
/* #endif */
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
|
||||
.content {
|
||||
background: #222222;
|
||||
width: 100vw;
|
||||
/* height: 100vh; */
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
background-attachment: fixed;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.title_ipt {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 20rpx auto;
|
||||
border-radius: 30rpx;
|
||||
padding-left: 30rpx;
|
||||
width: 652rpx;
|
||||
height: 64rpx;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
border-radius: 32rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.title_ipt>image {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
}
|
||||
|
||||
.title_ipt>input {
|
||||
width: 77%;
|
||||
height: 60rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 105rpx;
|
||||
font-size: 28rpx;
|
||||
line-height: 60rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
|
||||
.title_ipt>view {
|
||||
width: 94rpx;
|
||||
height: 35rpx;
|
||||
background: #FF7514;
|
||||
border-radius: 18rpx;
|
||||
font-size: 23rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.qiehuan {
|
||||
display: flex;
|
||||
/* justify-content: space-between; */
|
||||
align-items: center;
|
||||
width: 690rpx;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
/* font-family: 'zcq'; */
|
||||
font-weight: bold;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.qiehuan_line {
|
||||
margin: -10rpx auto;
|
||||
width: 50rpx;
|
||||
height: 20rpx;
|
||||
border-bottom: 4rpx solid #FF7514;
|
||||
border-radius: 2rpx;
|
||||
}
|
||||
|
||||
|
||||
.qiehuan>view {
|
||||
/* flex: 1; */
|
||||
text-align: center;
|
||||
margin-right: 24rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.wzs {
|
||||
font-size: 32rpx;
|
||||
color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
.xzs {
|
||||
font-size: 34rpx;
|
||||
color: #FF7514;
|
||||
}
|
||||
|
||||
.qbt_con_item {
|
||||
width: 680rpx;
|
||||
margin: 20rpx auto;
|
||||
}
|
||||
|
||||
.list_1 {
|
||||
width: 680rpx;
|
||||
height: 305rpx;
|
||||
border-radius: 7rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.list_1>image {
|
||||
width: 680rpx;
|
||||
height: 305rpx;
|
||||
border-radius: 7rpx;
|
||||
}
|
||||
|
||||
.list_1>view:nth-of-type(1) {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 6rpx 60rpx 4rpx 20rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0 0 40rpx 0;
|
||||
color: #1734f4;
|
||||
font-size: 28rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.redu {}
|
||||
|
||||
.redu>image {
|
||||
width: 36rpx;
|
||||
height: 36rpx;
|
||||
border: 1rpx solid rgba(255, 255, 255, 0.8);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.redu_box {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: rgba(22, 22, 22, 0.6);
|
||||
width: 100%;
|
||||
border: 0 0 7rpx 7rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 20rpx;
|
||||
box-sizing: border-box;
|
||||
height: 60rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
|
||||
.list_2 {
|
||||
padding: 20rpx;
|
||||
color: #FFFFFF;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.list_2>view:nth-of-type(2) {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.list_2 text {
|
||||
font-size: 24rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: bold;
|
||||
color: #FF7514;
|
||||
}
|
||||
</style>
|
||||
1134
pages/chouka/ka.vue
1134
pages/chouka/ka.vue
File diff suppressed because it is too large
Load Diff
|
|
@ -1,213 +0,0 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
|
||||
<mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" @down="downCallback" @up="upCallback">
|
||||
<view class="title_ipt">
|
||||
<image :src="z_imgPath+'search.png'"></image>
|
||||
<input type="text" placeholder="请输入关键字" placeholder-style="color:rgba(255,255,255,0.6)"
|
||||
onfirm-type="search" v-model="keyword" @confirm="show='',loadData(1)" />
|
||||
<view>搜索</view>
|
||||
</view>
|
||||
|
||||
<view v-for="(item,index) in listdata" :key="index" class="qbt_con_item"
|
||||
@click="gotoPage('/pages/chouka/detail?goods_id=' + item.goods_id)">
|
||||
<view class="list_1">
|
||||
<image :src="item.goods_imgurl"></image>
|
||||
<view>{{item.goods_title}}</view>
|
||||
<view class="redu">
|
||||
<view> 收集进度: <text>{{item.buy_count}}</text> /{{item.all_count}}</view>
|
||||
<view>
|
||||
<cmd-progress :percent="item.gailv" :show-info="false" stroke-color="#FF7514"
|
||||
:strokeWidth="8" :is_img="true">
|
||||
</cmd-progress>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list_2">
|
||||
<view>{{item.goods_title}}</view>
|
||||
<view>进入卡册</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</mescroll-body>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
z_imgPath: this.$z_img + 'chouka/',
|
||||
downOption: {
|
||||
auto: false
|
||||
},
|
||||
listdata: [],
|
||||
keyword: '',
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
downCallback() {
|
||||
this.mescroll.resetUpScroll()
|
||||
},
|
||||
upCallback(page) {
|
||||
this.loadData(page.num);
|
||||
},
|
||||
loadData(pageNo) {
|
||||
// 模拟接口
|
||||
let that = this;
|
||||
that.req({
|
||||
url: 'warehouse_index',
|
||||
data: {
|
||||
page: pageNo,
|
||||
type: 3,
|
||||
keyword: that.keyword
|
||||
},
|
||||
success(res) {
|
||||
if (res.status == 1) {
|
||||
that.mescroll.endByPage(res.data.data.length, res.data.last_page);
|
||||
if (pageNo == 1) {
|
||||
that.listdata = res.data.data;
|
||||
} else {
|
||||
that.listdata = that.listdata.concat(res.data.data);
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.content {
|
||||
background: #222222;
|
||||
width: 100vw;
|
||||
/* height: 100vh; */
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
background-attachment: fixed;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.title_ipt {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 20rpx auto;
|
||||
border-radius: 30rpx;
|
||||
padding-left: 30rpx;
|
||||
width: 652rpx;
|
||||
height: 64rpx;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
border-radius: 32rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.title_ipt>image {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
}
|
||||
|
||||
.title_ipt>input {
|
||||
width: 77%;
|
||||
height: 60rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 105rpx;
|
||||
font-size: 28rpx;
|
||||
line-height: 60rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
|
||||
.title_ipt>view {
|
||||
width: 94rpx;
|
||||
height: 35rpx;
|
||||
background: #FF7514;
|
||||
border-radius: 18rpx;
|
||||
font-size: 23rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.qbt_con_item {
|
||||
width: 680rpx;
|
||||
margin: 20rpx auto;
|
||||
}
|
||||
|
||||
.list_1 {
|
||||
width: 680rpx;
|
||||
height: 305rpx;
|
||||
border-radius: 7rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.list_1>image {
|
||||
width: 680rpx;
|
||||
height: 305rpx;
|
||||
border-radius: 7rpx;
|
||||
}
|
||||
|
||||
.list_1>view:nth-of-type(1) {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 6rpx 60rpx 4rpx 20rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0 0 40rpx 0;
|
||||
color: #1734f4;
|
||||
font-size: 28rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.redu {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: rgba(22, 22, 22, 0.6);
|
||||
width: 100%;
|
||||
padding: 6rpx 20rpx;
|
||||
box-sizing: border-box;
|
||||
height: 82rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 20rpx;
|
||||
border-radius: 0 0 7rpx 7rpx;
|
||||
}
|
||||
|
||||
.list_2 {
|
||||
padding: 20rpx;
|
||||
color: #FFFFFF;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.list_2>view:nth-of-type(2) {
|
||||
width: 130rpx;
|
||||
height: 38rpx;
|
||||
background: #FF7514;
|
||||
border-radius: 18rpx;
|
||||
font-size: 20rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,408 +0,0 @@
|
|||
<!--
|
||||
* @Date: 2023-06-15 10:25:08
|
||||
* @LastEditTime: 2023-12-01 18:56:35
|
||||
* @Description: content
|
||||
-->
|
||||
<template>
|
||||
<view class="content">
|
||||
<!-- <view class="page-hd">
|
||||
<view class="hd-l">
|
||||
当前剩余
|
||||
<text>{{ hasNum }}</text>
|
||||
张抽赏券
|
||||
</view>
|
||||
|
||||
<view
|
||||
@click="getDanye(10)"
|
||||
class="hd-r common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/fu_cssm.png')})`
|
||||
}"
|
||||
></view>
|
||||
</view> -->
|
||||
|
||||
<view
|
||||
class="hd-card common_bg"
|
||||
:style="{
|
||||
backgroundImage: `url(${$img('/static/img/1_flmh.png')})`
|
||||
}"
|
||||
>
|
||||
<view class="rule" @click="$refs.rulePop.getRule(12, '说明')">说明</view>
|
||||
</view>
|
||||
|
||||
<mescroll-body
|
||||
ref="mescrollRef"
|
||||
@init="mescrollInit"
|
||||
:down="downOption"
|
||||
@down="downCallback"
|
||||
@up="upCallback"
|
||||
>
|
||||
<view
|
||||
@click="toDetail(item)"
|
||||
v-for="(item, i) in listData"
|
||||
:key="i"
|
||||
class="list-item"
|
||||
>
|
||||
<image class="pic" :src="item.imgurl" mode="scaleToFill" />
|
||||
|
||||
<view class="item-ft">
|
||||
<view class="ft-l">抽赏仅需{{ item.need_draw_num }}张抽赏券</view>
|
||||
|
||||
<view class="ft-r">马上抽</view>
|
||||
</view>
|
||||
|
||||
<view class="lt-tag">
|
||||
<image :src="$img('/static/img/1_yqflmh.png')" lazy-load></image>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-body>
|
||||
|
||||
<view
|
||||
class="invite-fixed common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/1_yqhy.png')})`
|
||||
}"
|
||||
>
|
||||
<button class="hide" open-type="share"></button>
|
||||
</view>
|
||||
|
||||
<uni-popup ref="invitePop" type="center">
|
||||
<view v-if="inviteData" class="invite-pop">
|
||||
<image
|
||||
class="invite-hd"
|
||||
:src="inviteData.share_image"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
|
||||
<view
|
||||
@click="savePic"
|
||||
class="invite-save common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/fuli_bchb.png')})`
|
||||
}"
|
||||
></view>
|
||||
|
||||
<image
|
||||
@click="close('invitePop')"
|
||||
class="invite-close"
|
||||
:src="$img('/static/icon/close.png')"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<rule-pop ref="rulePop"></rule-pop>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 下拉刷新的配置(可选, 绝大部分情况无需配置)
|
||||
downOption: {
|
||||
auto: false
|
||||
},
|
||||
// 上拉加载的配置(可选, 绝大部分情况无需配置)
|
||||
upOption: {
|
||||
page: {
|
||||
size: 15 // 每页数据的数量,默认10
|
||||
}
|
||||
},
|
||||
listData: [],
|
||||
hasNum: 0,
|
||||
canReload: false,
|
||||
inviteData: ''
|
||||
}
|
||||
},
|
||||
|
||||
onShareAppMessage(e) {
|
||||
console.log(e)
|
||||
return {
|
||||
title: '点击领取赏券吧~',
|
||||
imageUrl: e.target.dataset.img,
|
||||
path: '/pages/shouye/index?pid=' + uni.getStorageSync('userinfo').ID
|
||||
}
|
||||
},
|
||||
|
||||
onReady() {
|
||||
// this.open('invitePop')
|
||||
},
|
||||
|
||||
onShow() {
|
||||
this.canReload && this.mescroll.resetUpScroll()
|
||||
this.canReload && this.mescroll.scrollTo(0, 0)
|
||||
this.canReload = true
|
||||
},
|
||||
|
||||
methods: {
|
||||
savePic() {
|
||||
uni.showLoading({
|
||||
title: '正在保存',
|
||||
mask: true
|
||||
})
|
||||
|
||||
uni.getImageInfo({
|
||||
src: this.inviteData.share_image,
|
||||
success: ({ width, height, path, orientation, type }) => {
|
||||
uni.saveImageToPhotosAlbum({
|
||||
filePath: path,
|
||||
success: result => {
|
||||
uni.showToast({
|
||||
title: '保存成功',
|
||||
icon: 'success'
|
||||
})
|
||||
},
|
||||
fail: error => {
|
||||
console.log('err')
|
||||
},
|
||||
complete: res => {
|
||||
uni.hideLoading()
|
||||
}
|
||||
})
|
||||
},
|
||||
fail: error => {
|
||||
uni.hideLoading()
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
getInvitePic() {
|
||||
this.req({
|
||||
url: 'invitation',
|
||||
data: {},
|
||||
success: res => {
|
||||
if (res.status == 1) {
|
||||
this.inviteData = res.data
|
||||
|
||||
this.open('invitePop')
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
upCallback({ num, size }) {
|
||||
this.req({
|
||||
url: 'goods',
|
||||
data: {
|
||||
page: num,
|
||||
type: 7
|
||||
},
|
||||
success: res => {
|
||||
if (res.status == 1) {
|
||||
this.hasNum = res.data.draw_num
|
||||
|
||||
if (num == 1) {
|
||||
this.listData = []
|
||||
}
|
||||
|
||||
this.listData = this.listData.concat(res.data.data)
|
||||
this.mescroll.endByPage(res.data.data.length, res.data.last_page)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
toDetail(item) {
|
||||
uni.navigateTo({ url: `/pages/fuli/fuli-detail?id=${item.id}` })
|
||||
},
|
||||
|
||||
close(e) {
|
||||
this.$refs[e].close()
|
||||
},
|
||||
|
||||
open(e) {
|
||||
this.$refs[e].open()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.content {
|
||||
padding-bottom: 40rpx;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
background-color: #000;
|
||||
|
||||
// .page-hd {
|
||||
// display: flex;
|
||||
// justify-content: space-between;
|
||||
// align-items: center;
|
||||
// padding: 10rpx 30rpx;
|
||||
|
||||
// .hd-l {
|
||||
// font-size: 28rpx;
|
||||
// font-family: Source Han Sans CN;
|
||||
// font-weight: 400;
|
||||
// color: #ffffff;
|
||||
|
||||
// text {
|
||||
// color: #00fff3;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .hd-r {
|
||||
// width: 170rpx;
|
||||
// height: 59rpx;
|
||||
// }
|
||||
// .common_bg {
|
||||
// }
|
||||
// }
|
||||
|
||||
.hd-card {
|
||||
width: 100%;
|
||||
height: 388rpx;
|
||||
position: relative;
|
||||
|
||||
.rule {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 200rpx;
|
||||
width: 120rpx;
|
||||
height: 50rpx;
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
border-radius: 25rpx 0rpx 0rpx 25rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 10;
|
||||
|
||||
font-size: 26rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.list-item {
|
||||
margin: 20rpx auto 0;
|
||||
width: 690rpx;
|
||||
box-sizing: border-box;
|
||||
background: #000000;
|
||||
border: 1px solid #4a4951;
|
||||
border-radius: 10rpx;
|
||||
position: relative;
|
||||
|
||||
.pic {
|
||||
width: 100%;
|
||||
height: 386rpx;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.item-ft {
|
||||
height: 100rpx;
|
||||
padding: 0 20rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.ft-l {
|
||||
font-size: 26rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.ft-r {
|
||||
width: 150rpx;
|
||||
height: 60rpx;
|
||||
background: linear-gradient(90deg, #2dcbff 0%, #ff95fb 100%);
|
||||
border-radius: 30rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #222222;
|
||||
}
|
||||
.common_bg {
|
||||
}
|
||||
}
|
||||
|
||||
.lt-tag {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
width: 340rpx;
|
||||
height: 48rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.invite-fixed {
|
||||
position: fixed;
|
||||
right: 10rpx;
|
||||
bottom: 300rpx;
|
||||
width: 126rpx;
|
||||
height: 130rpx;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.invite-pop {
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
align-items: center;
|
||||
|
||||
.invite-hd {
|
||||
width: 607rpx;
|
||||
height: 799rpx;
|
||||
}
|
||||
|
||||
.invite-save {
|
||||
width: 246rpx;
|
||||
height: 84rpx;
|
||||
}
|
||||
|
||||
.invite-close {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.popGm {
|
||||
width: 607rpx;
|
||||
// height: 904rpx;
|
||||
padding-top: 70rpx;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
|
||||
.pop_title {
|
||||
font-size: 36rpx;
|
||||
font-family: zihun152hao-jijiachaojihei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pop_con {
|
||||
padding: 30rpx 40rpx 50rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
line-height: 42rpx;
|
||||
}
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
transform: translate(-50%, 100%);
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,446 +0,0 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<!-- <view class="fixed">
|
||||
<view class="status_bar" :style="'height:'+BarHeight+'px'"></view>
|
||||
<image src="../../static/mine/back.png" mode="" class="header-left-title" @click="back()"></image>
|
||||
</view> -->
|
||||
<uni-nav-bar
|
||||
left-icon="left"
|
||||
title="魔晶令"
|
||||
color="#fff"
|
||||
backgroundColor="transparent"
|
||||
:fixed="true"
|
||||
:statusBar="true"
|
||||
:border="false"
|
||||
@clickLeft="back"
|
||||
></uni-nav-bar>
|
||||
|
||||
<view class="money-rule">
|
||||
<view class="money">当前累计消费:{{ datas.money }}</view>
|
||||
|
||||
<view @click="$refs.show.open()" class="rule">
|
||||
<image class="icon" :src="$img('/static/icon/info.png')"></image>
|
||||
|
||||
魔晶令规则
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="date-area">
|
||||
{{ datas.time }}
|
||||
</view>
|
||||
|
||||
<!-- <view class="topbox">
|
||||
<view class="" style="display: flex; justify-content: space-between">
|
||||
<view class="">
|
||||
<image
|
||||
@click="$refs.show.open()"
|
||||
class="wugz"
|
||||
:src="z_imgPath + 'wugz.png'"
|
||||
mode=""
|
||||
></image>
|
||||
</view>
|
||||
<view class="time">{{ datas.time }}</view>
|
||||
</view>
|
||||
<view
|
||||
class="flex_center"
|
||||
style="display: flex; justify-content: space-between"
|
||||
>
|
||||
<view class="leiji">
|
||||
当前累计消费：
|
||||
<text style="color: #1ff7f0">{{ datas.money }}</text>
|
||||
</view>
|
||||
<image :src="z_imgPath+'yijian.png'" class="btns" @click="ling"></image>
|
||||
<view
|
||||
class="btns"
|
||||
:style="
|
||||
'background: url(' +
|
||||
z_imgPath +
|
||||
'yijian.png' +
|
||||
') no-repeat 0 0 / 100% 100%;'
|
||||
"
|
||||
@click="ling"
|
||||
>
|
||||
一键领取
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<view
|
||||
class="items common_bg"
|
||||
v-for="(item, index) in lists"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/ling_list_border.png')})`
|
||||
}"
|
||||
>
|
||||
<view class="flex_center" style="display: flex; justify-content: start">
|
||||
<!-- <view class="jingbi">￥</view> -->
|
||||
<view class="leixiao">累计消费满{{ item.give_money }}即可抽取赏品</view>
|
||||
</view>
|
||||
<view class="heiline"></view>
|
||||
<scroll-view scroll-x class="list-wrap">
|
||||
<view class="imgbox" v-for="a in item.give_list">
|
||||
<image class="spimg" :src="a.imgurl" mode="aspectFill"></image>
|
||||
<view class="zhaozi" v-if="item.give_is == 1">
|
||||
<image class="lq" :src="z_imgPath + 'zhaozi.png'" mode=""></image>
|
||||
</view>
|
||||
<view class="btext hang1">{{ a.title }}</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<uni-popup ref="show" type="center">
|
||||
<view
|
||||
class="pop common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/yf_rule_pop_bg.png')})`
|
||||
}"
|
||||
>
|
||||
<view class="pop_title">规则</view>
|
||||
<view class="pop_con">
|
||||
<scroll-view scroll-y="true" style="height: 600rpx">
|
||||
<view v-html="guize"></view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<image
|
||||
@click="$refs.show.close()"
|
||||
class="close"
|
||||
:src="$img('/static/icon/close.png')"
|
||||
></image>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<view class="bt-fixed">
|
||||
<view
|
||||
@click="ling"
|
||||
class="bt-btn common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/ling_yjlq.png')})`
|
||||
}"
|
||||
></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
z_imgPath: this.$z_img2 + 'wuxian/',
|
||||
lists: '',
|
||||
datas: '',
|
||||
show: false,
|
||||
guize: '',
|
||||
BarHeight: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
back() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
|
||||
ling() {
|
||||
let that = this
|
||||
that.req({
|
||||
url: 'infinite_give_goods',
|
||||
data: {},
|
||||
success(res) {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
})
|
||||
|
||||
if (res.status == 1) {
|
||||
setTimeout(() => {
|
||||
that.getData()
|
||||
}, 500)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
getData() {
|
||||
let that = this
|
||||
that.req({
|
||||
url: 'infinite_give_list',
|
||||
data: {},
|
||||
success(res) {
|
||||
that.lists = res.data.data
|
||||
that.datas = res.data.other_data
|
||||
}
|
||||
})
|
||||
},
|
||||
back() {
|
||||
uni.navigateBack()
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
let that = this
|
||||
this.getData()
|
||||
uni.getSystemInfo({
|
||||
success: function (res) {
|
||||
that.BarHeight = res.statusBarHeight
|
||||
console.log(res.statusBarHeight)
|
||||
}
|
||||
})
|
||||
that.req({
|
||||
url: 'danye',
|
||||
data: {
|
||||
type: 5
|
||||
},
|
||||
success(res) {
|
||||
console.log(res)
|
||||
that.guize = res.data
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.fixed {
|
||||
width: 750rpx;
|
||||
padding: 30rpx;
|
||||
box-sizing: border-box;
|
||||
position: fixed;
|
||||
top: 0rpx;
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
.header-left-title {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
.status_bar {
|
||||
height: var(--status-bar-height);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pop {
|
||||
width: 607rpx;
|
||||
// height: 904rpx;
|
||||
padding-top: 70rpx;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
|
||||
.pop_title {
|
||||
font-size: 36rpx;
|
||||
font-family: zihun152hao-jijiachaojihei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pop_con {
|
||||
padding: 30rpx 40rpx 50rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
line-height: 42rpx;
|
||||
}
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
transform: translate(-50%, 100%);
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.btns {
|
||||
width: 180rpx;
|
||||
height: 60rpx;
|
||||
margin-top: 28rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 24rpx;
|
||||
color: #021f1d;
|
||||
}
|
||||
.imgbox:nth-child(1) {
|
||||
margin-left: 0rpx;
|
||||
}
|
||||
|
||||
.imgbox {
|
||||
display: inline-flex;
|
||||
flex-flow: column nowrap;
|
||||
|
||||
margin: 20rpx 16rpx 0;
|
||||
position: relative;
|
||||
width: 140rpx;
|
||||
}
|
||||
|
||||
.zhaozi {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
border-radius: 10rpx;
|
||||
position: absolute;
|
||||
left: 14rpx;
|
||||
top: 14rpx;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.lq {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 10rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.spimg {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.heiline {
|
||||
width: 630rpx;
|
||||
height: 1rpx;
|
||||
// background: #333333;
|
||||
border-radius: 1rpx;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
|
||||
.btext {
|
||||
font-size: 24rpx;
|
||||
/* background: #000000; */
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
// width: 650rpx;
|
||||
padding: 4rpx 10rpx;
|
||||
box-sizing: border-box;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.leixiao {
|
||||
font-size: 26rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.jingbi {
|
||||
width: 49rpx;
|
||||
height: 49rpx;
|
||||
/* line-height: 50rpx; */
|
||||
margin-right: 10rpx;
|
||||
/* background: url($img0+'bi_bg.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #F9D775; */
|
||||
/* -webkit-text-stroke: 1rpx #212121;
|
||||
text-stroke: 1rpx #212121; */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.items {
|
||||
width: 730rpx;
|
||||
/* background: #11141D; */
|
||||
// border: 3rpx solid #c5fadc;
|
||||
border-radius: 10rpx;
|
||||
margin: 20rpx auto 0;
|
||||
padding: 50rpx;
|
||||
box-sizing: border-box;
|
||||
/* box-shadow: rgba(223,182,62,0.6) 0px 0px 14rpx inset; */
|
||||
/* box-shadow: 0px 0px 10rpx 0px rgba(150, 255, 254, 0.7); */
|
||||
|
||||
.list-wrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.leiji {
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.topbox {
|
||||
width: 694rpx;
|
||||
/* background: #FFFFFF; */
|
||||
padding: 24rpx 28rpx;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-size: 24rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
margin-top: 4rpx;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.wugz {
|
||||
width: 190rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
padding-bottom: 150rpx;
|
||||
box-sizing: border-box;
|
||||
/* padding-top: calc(var(--status-bar-height) + 140rpx); */
|
||||
}
|
||||
|
||||
.money-rule {
|
||||
padding: 30rpx 30rpx 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.money {
|
||||
font-size: 26rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.rule {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.icon {
|
||||
width: 12rpx;
|
||||
height: 26rpx;
|
||||
margin-right: 6rpx;
|
||||
}
|
||||
|
||||
font-size: 22rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.date-area {
|
||||
padding: 0 30rpx;
|
||||
margin-top: 10rpx;
|
||||
|
||||
font-size: 22rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #dddddd;
|
||||
}
|
||||
|
||||
.bt-fixed {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0 40rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
.bt-btn {
|
||||
width: 336rpx;
|
||||
height: 84rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
<template>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
onShow() {
|
||||
// console.log(1)
|
||||
let that = this;
|
||||
wx.showModal({
|
||||
title: '温馨提示',
|
||||
content: '即将进入新的小程序',
|
||||
showCancel: true, //是否显示取消按钮
|
||||
cancelText: "取消", //默认是“取消”
|
||||
cancelColor: '#000000', //取消文字的颜色
|
||||
confirmText: "确定", //默认是“确定”
|
||||
confirmColor: '#ff7514', //确定文字的颜色
|
||||
success: function(res) {
|
||||
if (res.cancel) {
|
||||
//点击取消，wx.navigateBack
|
||||
uni.switchTab({
|
||||
url: '/pages/shouye/index'
|
||||
})
|
||||
} else {
|
||||
that.toNewMp()
|
||||
// 使用wx.navigateToMiniProgram跳转到小程序
|
||||
}
|
||||
},
|
||||
fail: function(res) {
|
||||
//接口调用失败的回调函数，wx.navigateBack
|
||||
},
|
||||
complete: function(res) {
|
||||
//接口调用结束的回调函数（调用成功、失败都会执行）
|
||||
},
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
toNewMp() {
|
||||
uni.navigateToMiniProgram({
|
||||
appId: uni.getStorageSync('jump_appid'), // 此为生活缴费appid
|
||||
path: 'pages/my/index?token=' + uni.getStorageSync('token'), // 此为生活缴费首页路径
|
||||
envVersion: "release",
|
||||
extraData: {
|
||||
'token': uni.getStorageSync('token')
|
||||
},
|
||||
success: res => {
|
||||
// 打开成功
|
||||
console.log("打开成功", res);
|
||||
},
|
||||
fail: err => {
|
||||
console.log(err, '取消了');
|
||||
uni.switchTab({
|
||||
url: '/pages/shouye/index'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
<template>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
onLoad(v) {
|
||||
uni.redirectTo({
|
||||
url: '/pages/sangdai/sangdai'
|
||||
})
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
|
@ -1,257 +0,0 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="topbox">
|
||||
<view class="" style="display: flex;justify-content: space-between;">
|
||||
<view class="">
|
||||
<image @click="$refs.shuoming.open()" class="wugz" :src="z_imgPath + 'mjl_gz.png?1'"></image>
|
||||
</view>
|
||||
<view class="time">{{datas.time}}</view>
|
||||
</view>
|
||||
<view class="flex_center" style="justify-content: space-between;">
|
||||
<view class="leiji">
|
||||
当前累计消费：<text style="color: #F37400;">{{datas.money}}</text>
|
||||
</view>
|
||||
<view class="btns" @click="ling()"
|
||||
:style="'background: url('+ z_imgPath + 'yijian.png'+ ') no-repeat 0 0 / 100% 100%;'"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="items" v-for="(item,index) in lists" :key="index">
|
||||
<view class="flex_center" style="display: flex;justify-content: start;">
|
||||
<image class="jingbi" :src="z_imgPath + 'jinbi.png'"></image>
|
||||
<view class="leixiao">累计消费满{{item.give_money}}</view>
|
||||
</view>
|
||||
<view class="heiline"></view>
|
||||
<view class="jp_box">
|
||||
<view class="imgbox" v-for="(a,b) in item.give_list" :key="b">
|
||||
<image class="spimg" :src="a.imgurl" mode="aspectFill"></image>
|
||||
<view class="zhaozi" v-if="item.give_is == 1">
|
||||
<image class="lq" :src="z_imgPath+'zhaozi.png'"></image>
|
||||
</view>
|
||||
<view class="btext hang1">{{a.title}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<uni-popup ref="shuoming" type="center">
|
||||
<view class="pop" :style="'background: url('+ z_imgPath + 'gz_bg.png'+ ') no-repeat 0 0 / 100% 100%;'">
|
||||
<view class="pop_con">
|
||||
<scroll-view scroll-y="true" style="height: 440rpx;">
|
||||
<view v-html="news"></view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
z_imgPath: this.$z_img + 'shouye/wuxian/',
|
||||
lists: "",
|
||||
datas: "",
|
||||
show: false,
|
||||
news: ""
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getData()
|
||||
this.getDanye(5)
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
let that = this;
|
||||
that.req({
|
||||
url: 'infinite_give_list',
|
||||
Loading: true,
|
||||
success(res) {
|
||||
// console.log(res);
|
||||
that.lists = res.data.data;
|
||||
that.datas = res.data.other_data;
|
||||
}
|
||||
})
|
||||
},
|
||||
getDanye(e) {
|
||||
let that = this;
|
||||
that.req({
|
||||
url: 'danye',
|
||||
data: {
|
||||
type: e
|
||||
},
|
||||
success(res) {
|
||||
if (res.status == 1) {
|
||||
that.news = res.data
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
ling() {
|
||||
let that = this;
|
||||
that.req({
|
||||
url: 'infinite_give_goods',
|
||||
data: {},
|
||||
success(res) {
|
||||
if (res.status == 1) {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
setTimeout(() => {
|
||||
that.getData()
|
||||
}, 500)
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.jp_box {
|
||||
display: flex;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.pop_con {
|
||||
height: 440rpx;
|
||||
margin: auto;
|
||||
padding: 0rpx 36rpx;
|
||||
font-size: 24rpx;
|
||||
line-height: 36rpx;
|
||||
color: #FFFFFF;
|
||||
box-sizing: border-box;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
|
||||
.pop {
|
||||
width: 543rpx;
|
||||
height: 801rpx;
|
||||
padding-top: 192rpx;
|
||||
box-sizing: border-box;
|
||||
/* background: #FFFFFF; */
|
||||
/* border-radius: 20rpx; */
|
||||
}
|
||||
|
||||
|
||||
.btns {
|
||||
width: 141rpx;
|
||||
height: 45rpx;
|
||||
margin-top: 28rpx;
|
||||
}
|
||||
|
||||
.imgbox:nth-child(1) {
|
||||
margin-left: 0rpx;
|
||||
}
|
||||
|
||||
.imgbox {
|
||||
border-radius: 10rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-left: 30rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.zhaozi {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
border-radius: 10rpx;
|
||||
position: absolute;
|
||||
left: 14rpx;
|
||||
top: 14rpx;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.lq {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 10rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.spimg {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.heiline {
|
||||
width: 630rpx;
|
||||
height: 1rpx;
|
||||
background: #333333;
|
||||
border-radius: 1rpx;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
|
||||
.btext {
|
||||
font-size: 24rpx;
|
||||
/* background: #000000; */
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
/* width: 650rpx; */
|
||||
padding: 4rpx 10rpx;
|
||||
box-sizing: border-box;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.leixiao {
|
||||
font-size: 30rpx;
|
||||
/* text-shadow: 0px 0px 12rpx rgba(150, 255, 254, 0.8); */
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.jingbi {
|
||||
width: 42rpx;
|
||||
height: 42rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.items {
|
||||
width: 690rpx;
|
||||
/* background: #11141D; */
|
||||
border: 2rpx solid #FFFFFF;
|
||||
border-radius: 10rpx;
|
||||
margin: 20rpx auto 0;
|
||||
padding: 20rpx;
|
||||
box-sizing: border-box;
|
||||
/* box-shadow: 0px 0px 10rpx 0px rgba(150, 255, 254, 0.7); */
|
||||
}
|
||||
|
||||
.leiji {
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.topbox {
|
||||
width: 694rpx;
|
||||
/* background: #FFFFFF; */
|
||||
padding: 24rpx 28rpx;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-size: 24rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
margin-top: 4rpx;
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.wugz {
|
||||
width: 177rpx;
|
||||
height: 39rpx;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
padding-bottom: 50rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,315 +0,0 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<mescroll-body
|
||||
ref="mescrollRef"
|
||||
class="valbox"
|
||||
@init="mescrollInit"
|
||||
:down="downOption"
|
||||
@down="downCallback"
|
||||
@up="upCallback"
|
||||
>
|
||||
<view
|
||||
class="goods"
|
||||
:style="
|
||||
'background: url(' +
|
||||
z_imgPath +
|
||||
'goods_bg.png' +
|
||||
') no-repeat 0 0 / 100% 100%;'
|
||||
"
|
||||
>
|
||||
<view class="goods_l">
|
||||
<!-- <image src="../../static/tabbar/5_act.png"></image> -->
|
||||
<text>龙珠手办店</text>
|
||||
</view>
|
||||
<view class="goods_r">
|
||||
<!-- <image src="../../static/tabbar/5_act.png"></image> -->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<image :src="z_imgPath + 'xian.png'" class="line"></image>
|
||||
|
||||
<view class="qbt_con">
|
||||
<view
|
||||
v-for="(item, index) in listdata"
|
||||
:key="index"
|
||||
class="qbt_con_item"
|
||||
@click="todetails(item)"
|
||||
:style="
|
||||
'background: url(' +
|
||||
z_imgPath +
|
||||
'kuang_bg.png' +
|
||||
') no-repeat 0 0 / 100% 100%;'
|
||||
"
|
||||
>
|
||||
<view class="list_1">
|
||||
<image :src="item.imgurl"></image>
|
||||
</view>
|
||||
<view class="list_2">
|
||||
<view class="hang1">{{ item.title }}</view>
|
||||
<view class="qbt_con_item_price">
|
||||
<cmd-progress
|
||||
:percent="55"
|
||||
:show-info="false"
|
||||
stroke-color="#FF7514"
|
||||
:strokeWidth="8"
|
||||
:is_num="true"
|
||||
:num_1="item.sale_stock"
|
||||
:num_2="item.stock"
|
||||
></cmd-progress>
|
||||
</view>
|
||||
<view class="qbt_con_item_3">
|
||||
<view>
|
||||
￥
|
||||
<text style="font-size: 32rpx">{{ item.price }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-body>
|
||||
<!-- 群聊弹窗 -->
|
||||
<uni-popup ref="qunliao_show" type="center">
|
||||
<view
|
||||
class="pop"
|
||||
:style="
|
||||
'background: url(' +
|
||||
z_imgPath +
|
||||
'qunliao_bg.png' +
|
||||
') no-repeat 0 0 / 100% 100%;'
|
||||
"
|
||||
>
|
||||
<image :src="erweima"></image>
|
||||
<image
|
||||
:src="z_imgPath + 'close.png'"
|
||||
class="qunliao_close"
|
||||
@click="$refs.qunliao_show.close()"
|
||||
></image>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import lffBarrage from '@/components/lff-barrage/lff-barrage.vue'
|
||||
export default {
|
||||
components: {
|
||||
lffBarrage
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
z_imgPath: this.$z_img + 'shouye/',
|
||||
arr: ['新品推荐', '一番赏', '积分赏', '无限赏', '擂台赏'],
|
||||
show: '新品推荐',
|
||||
keyword: '',
|
||||
listdata: [],
|
||||
downOption: {
|
||||
auto: false
|
||||
},
|
||||
erweima: '' // 福利群
|
||||
}
|
||||
},
|
||||
|
||||
onShareAppMessage() {
|
||||
let that = this
|
||||
return {
|
||||
title: "友达赏，正版潮玩手办一番赏",
|
||||
imageUrl: that.advert[0].imgurl,
|
||||
path: '/pages/shouye/index?pid=' + uni.getStorageSync('userinfo').ID
|
||||
}
|
||||
},
|
||||
|
||||
onLoad(v) {
|
||||
if (v.pid) {
|
||||
uni.setStorageSync('pid', v.pid)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/*下拉刷新的回调 */
|
||||
downCallback() {
|
||||
// this.mescroll.resetUpScroll()
|
||||
this.loadData(1)
|
||||
},
|
||||
/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
|
||||
upCallback(page) {
|
||||
//联网加载数据
|
||||
this.loadData(page.num)
|
||||
},
|
||||
loadData(pageNo) {
|
||||
// 模拟接口
|
||||
let that = this
|
||||
that.req({
|
||||
url: 'goods',
|
||||
data: {
|
||||
page: pageNo,
|
||||
type: that.show,
|
||||
keyword: that.keyword
|
||||
},
|
||||
success: function (res) {
|
||||
that.mescroll.endByPage(res.data.data.length, res.data.data.last_page)
|
||||
if (pageNo == 1) {
|
||||
that.listdata = res.data.data
|
||||
} else {
|
||||
that.listdata = that.listdata.concat(res.data.data)
|
||||
}
|
||||
console.log(that.listdata)
|
||||
}
|
||||
})
|
||||
},
|
||||
todetails(e) {
|
||||
// 无限赏
|
||||
if (e.type == 2) {
|
||||
uni.navigateTo({
|
||||
url: 'detail_wuxian?goods_id=' + e.id
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: 'detail?goods_id=' + e.id
|
||||
})
|
||||
}
|
||||
},
|
||||
getlist(v) {
|
||||
this.show = v
|
||||
// this.listdata = []
|
||||
// this.mescroll.resetUpScroll()
|
||||
this.loadData(1)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.qunliao_close {
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
margin: 116rpx auto;
|
||||
display: block;
|
||||
/* position: absolute; */
|
||||
}
|
||||
|
||||
.pop > image:nth-of-type(1) {
|
||||
width: 399rpx;
|
||||
height: 399rpx;
|
||||
margin: 258rpx auto 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pop {
|
||||
width: 640rpx;
|
||||
height: 743rpx;
|
||||
padding-top: 1rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 750rpx;
|
||||
height: 20rpx;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.goods_r > image {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
|
||||
.goods_r {
|
||||
width: 122rpx;
|
||||
height: 122rpx;
|
||||
border: 2rpx solid #ff6500;
|
||||
border-radius: 10rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.goods_l > image {
|
||||
width: 150rpx;
|
||||
height: 150rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.goods_l {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.goods {
|
||||
width: 750rpx;
|
||||
height: 220rpx;
|
||||
padding: 0 30rpx;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.content {
|
||||
background: #222222;
|
||||
width: 100vw;
|
||||
/* height: 100vh; */
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
background-attachment: fixed;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.qbt_con {
|
||||
margin: 0rpx auto;
|
||||
width: 702rpx;
|
||||
padding-bottom: 100rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.qbt_con_item {
|
||||
margin-top: 30rpx;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
width: 335rpx;
|
||||
height: 490rpx;
|
||||
position: relative;
|
||||
padding: 18rpx 17rpx 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.list_1 {
|
||||
width: 300rpx;
|
||||
height: 300rpx;
|
||||
border-radius: 10rpx 10rpx 0rpx 0rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.list_1 > image {
|
||||
width: 300rpx;
|
||||
height: 300rpx;
|
||||
border-radius: 10rpx 10rpx 0 0;
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
|
||||
.list_2 {
|
||||
padding: 20rpx 0;
|
||||
border-radius: 0rpx 0rpx 10rpx 10rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.qbt_con_item_3 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 4rpx;
|
||||
color: #ff6500;
|
||||
margin: 10rpx auto 0;
|
||||
}
|
||||
|
||||
.qbt_con_item_price {
|
||||
color: #ffffff;
|
||||
width: 280rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 16rpx auto 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,238 +0,0 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="qiehuan">
|
||||
<view @click="getlist(v)" v-for="(v,i) in arr" :key="i">
|
||||
<view :class="show==v?'xzs':'wzs'">{{v}}</view>
|
||||
<view class="qiehuan_line" v-if="show==v"> </view>
|
||||
</view>
|
||||
</view>
|
||||
<mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" @down="downCallback" @up="upCallback">
|
||||
|
||||
<view class="qbt_con">
|
||||
<view v-for="(item,index) in listdata" :key="index" class="qbt_con_item" @click="todetails(item)"
|
||||
:style="'background: url('+ z_imgPath + 'kuang_bg.png'+ ') no-repeat 0 0 / 100% 100%;'">
|
||||
<view class="list_1">
|
||||
<image :src="item.imgurl"></image>
|
||||
<view class="qbt_con_item_price ">
|
||||
<text>{{item.sale_stock}}/{{item.stock}}</text>
|
||||
<image :src="z_imgPath + 'box1.png'"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list_2 hang1"> 龙珠手办店</view>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-body>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
z_imgPath: this.$z_img + 'shouye/',
|
||||
arr: ['新品推荐', '一番赏', '积分赏', '无限赏', '擂台赏'],
|
||||
show: '新品推荐',
|
||||
keyword: '',
|
||||
listdata: [],
|
||||
downOption: {
|
||||
auto: false
|
||||
},
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
onHide() {
|
||||
let pages = getCurrentPages()
|
||||
uni.setStorageSync('page', this.$mp.page.route)
|
||||
},
|
||||
onLoad(v) {
|
||||
if (v.pid) {
|
||||
uni.setStorageSync('pid', v.pid)
|
||||
}
|
||||
if (v.token) {
|
||||
uni.setStorageSync('token', v.token)
|
||||
}
|
||||
},
|
||||
onShareAppMessage() {
|
||||
let that = this;
|
||||
return {
|
||||
title: "友达赏，正版潮玩手办一番赏",
|
||||
imageUrl: that.advert[0].imgurl,
|
||||
path: "/pages/shouye/index?pid=" + uni.getStorageSync('userinfo').ID
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
|
||||
/*下拉刷新的回调 */
|
||||
downCallback() {
|
||||
// this.mescroll.resetUpScroll()
|
||||
this.loadData(1)
|
||||
},
|
||||
/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
|
||||
upCallback(page) {
|
||||
//联网加载数据
|
||||
this.loadData(page.num);
|
||||
},
|
||||
loadData(pageNo) {
|
||||
// 模拟接口
|
||||
let that = this;
|
||||
that.req({
|
||||
url: 'goods',
|
||||
data: {
|
||||
page: pageNo,
|
||||
type: that.show,
|
||||
keyword: that.keyword,
|
||||
},
|
||||
success(res) {
|
||||
that.mescroll.endByPage(res.data.data.length, res.data.data.last_page);
|
||||
if (pageNo == 1) {
|
||||
that.listdata = res.data.data;
|
||||
} else {
|
||||
that.listdata = that.listdata.concat(res.data.data);
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
todetails(e) {
|
||||
|
||||
uni.navigateTo({
|
||||
url: 'detail?goods_id=' + e.id
|
||||
})
|
||||
|
||||
},
|
||||
getlist(v) {
|
||||
this.show = v;
|
||||
// this.listdata = []
|
||||
// this.mescroll.resetUpScroll()
|
||||
this.loadData(1)
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.content {
|
||||
background: #222222;
|
||||
width: 100vw;
|
||||
/* height: 100vh; */
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
background-attachment: fixed;
|
||||
position: relative;
|
||||
padding-top: 100rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
.qiehuan {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 750rpx;
|
||||
height: 100rpx;
|
||||
padding: 0 30rpx;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
/* font-family: 'zcq'; */
|
||||
font-weight: bold;
|
||||
position: fixed;
|
||||
/* #ifdef H5 */
|
||||
top: 88rpx;
|
||||
/* #endif */
|
||||
/* #ifndef H5 */
|
||||
top: 0;
|
||||
/* #endif */
|
||||
background: #222222;
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
.qiehuan_line {
|
||||
margin: -10rpx auto;
|
||||
width: 50rpx;
|
||||
height: 20rpx;
|
||||
border-bottom: 4rpx solid #FF7514;
|
||||
border-radius: 2rpx;
|
||||
}
|
||||
|
||||
|
||||
.qiehuan>view {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wzs {
|
||||
font-size: 32rpx;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.xzs {
|
||||
font-size: 34rpx;
|
||||
color: #FF7514;
|
||||
}
|
||||
|
||||
.qbt_con {
|
||||
margin: 0rpx auto;
|
||||
width: 710rpx;
|
||||
padding-bottom: 100rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.qbt_con_item {
|
||||
margin-top: 30rpx;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
width: 335rpx;
|
||||
height: 403rpx;
|
||||
position: relative;
|
||||
padding: 16rpx 20rpx 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.list_1 {
|
||||
width: 300rpx;
|
||||
height: 300rpx;
|
||||
border-radius: 10rpx 10rpx 0rpx 0rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
|
||||
.list_1>image {
|
||||
width: 300rpx;
|
||||
height: 300rpx;
|
||||
border-radius: 10rpx 10rpx 0 0;
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
|
||||
.list_2 {
|
||||
padding: 20rpx 0;
|
||||
border-radius: 0rpx 0rpx 10rpx 10rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.qbt_con_item_price {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #FF6500;
|
||||
border-radius: 18rpx 0px 0px 18rpx;
|
||||
padding: 0 10rpx 0 20rpx;
|
||||
color: #FFFFFF;
|
||||
position: absolute;
|
||||
top: 27rpx;
|
||||
right: 0rpx;
|
||||
}
|
||||
|
||||
.qbt_con_item_price>image {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user