Leadfyy.co
/
uniapp-shikongwang
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'twodate' of http://8.134.10.79:3000/Leadfyy.co/uniapp-shikongwang into twodate

twodate
邓平艺 5 years ago
parent
6caa56808c 0a808134d1
commit
1a1171910e
4 changed files with 130 additions and 55 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 87
      pages/center/fans.vue
  2. 3
      pages/center/invite.vue
  3. 73
      pages/center/wallet.vue
  4. 22
      pages/center/widthdraw.vue

87
pages/center/fans.vue
View File

@ -6,44 +6,44 @@
</view>
<block v-if="tabIndex == 0">
<view class="flex lf-p-30 solid-bottom">
<view>
<image src="../../static/center/shop-logo.png" style="height: 120rpx;width: 120rpx;" mode="aspectFill"></image>
<scroll-view class="com" :scroll-y="true" :refresher-enabled="true" :refresher-triggered="isRefresher" @scrolltolower="onScrolltolower" @refresherrefresh="onRefresherrefresh">
<view class="flex lf-p-30 solid-bottom" v-for="i of 15">
<view>
<image src="../../static/center/shop-logo.png" style="height: 120rpx;width: 120rpx;" mode="aspectFill"></image>
</view>
<view class="flex flex-direction justify-around lf-p-l-20">
<view class="lf-font-32 text-black1">时空网的内部网友 <text class="bg-red lf-font-24 lf-m-l-10" style="border-radius: 30rpx;padding: 5rpx 16rpx;">达人</text></view>
<view class="lf-font-24 lf-color-gray">2021-7-6 21:32:53</view>
</view>
</view>
<view class="flex flex-direction justify-around lf-p-l-20">
<view class="lf-font-32 text-black1">时空网的内部网友 <text class="bg-red lf-font-24 lf-m-l-10" style="border-radius: 30rpx;padding: 5rpx 16rpx;">达人</text></view>
<view class="lf-font-24 lf-color-gray">2021-7-6 21:32:53</view>
<!-- 空数据的情况 -->
<view class="loading-more">
<text v-if="!tab.list.length" :class="{'loading-more-text': tab.loadingClass}">{{ tab.loadingText }}</text>
<my-nocontent v-else></my-nocontent>
</view>
</view>
<view class="flex lf-p-30 solid-bottom">
<view>
<image src="../../static/center/shop-logo.png" style="height: 120rpx;width: 120rpx;" mode="aspectFill"></image>
</view>
<view class="flex flex-direction justify-around lf-p-l-20">
<view class="lf-font-32 text-black1">时空网的内部网友</view>
<view class="lf-font-24 lf-color-gray">2021-7-6 21:32:53</view>
</view>
</view>
<!-- 回到顶部 -->
<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
</scroll-view>
</block>
<block v-else>
<view class="flex lf-p-30 solid-bottom">
<view>
<image src="../../static/center/shop-logo.png" style="height: 120rpx;width: 120rpx;" mode="aspectFill"></image>
</view>
<view class="flex flex-direction justify-around lf-p-l-20">
<view class="lf-font-32 text-black1">时空网的外部网友</view>
<view class="lf-font-24 lf-color-gray">2021-7-6 21:32:53</view>
<scroll-view class="com" :scroll-y="true" :refresher-enabled="true" :refresher-triggered="isRefresher" @scrolltolower="onScrolltolower" @refresherrefresh="onRefresherrefresh">
<view class="flex lf-p-30 solid-bottom" v-for="i of 15">
<view>
<image src="../../static/center/shop-logo.png" style="height: 120rpx;width: 120rpx;" mode="aspectFill"></image>
</view>
<view class="flex flex-direction justify-around lf-p-l-20">
<view class="lf-font-32 text-black1">时空网的外部网友</view>
<view class="lf-font-24 lf-color-gray">2021-7-6 21:32:53</view>
</view>
</view>
</view>
<view class="flex lf-p-30 solid-bottom">
<view>
<image src="../../static/center/shop-logo.png" style="height: 120rpx;width: 120rpx;" mode="aspectFill"></image>
<!-- 空数据的情况 -->
<view class="loading-more">
<text v-if="!tab.list.length" :class="{'loading-more-text': tab.loadingClass}">{{ tab.loadingText }}</text>
<my-nocontent v-else></my-nocontent>
</view>
<view class="flex flex-direction justify-around lf-p-l-20">
<view class="lf-font-32 text-black1">时空网的外部网友</view>
<view class="lf-font-24 lf-color-gray">2021-7-6 21:32:53</view>
</view>
</view>
<!-- 回到顶部 -->
<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
</scroll-view>
</block>
</view>
</template>
@ -52,11 +52,32 @@
export default {
data() {
return {
tabIndex: 0
tabIndex: 0,
pageSize: 10,
isRefresher: false, // scroll-view下拉刷新状态，当前默认没有触发
page: 1,
isPage: false
}
},
methods: {
// 页面触底，加载下一页
onScrolltolower(){
console.log('加载下一页')
},
// scroll-view 下拉刷新
onRefresherrefresh(){
this.isRefresher = true;
console.log('下拉刷新')
setTimeout(() => {
this.isRefresher = false;
},1000)
}
}
}
</script>
<style>
.com {
height: 1300rpx;
}
</style>

3
pages/center/invite.vue
View File

@ -116,7 +116,8 @@
var path = "../../static/images/bill.png";
context.drawImage(path, 0, 0, 375, 667);
//绘制二维码
context.drawImage(that.base64Img, 24, 530,120, 120);
var path1 = "../../static/logo.png";
context.drawImage(path1, 24, 530,120, 120);
//绘制名字
// context.setFontSize(24);
// context.setFillStyle('#fff');

73
pages/center/wallet.vue
View File

@ -14,29 +14,47 @@
<view class="lf-font-32" style="width: 50%;" :class="tabIndex ==1?'text-orange':'text-black1'" @click="tabIndex = 1">提取记录</view>
</view>
<block v-if="tabIndex == 0">
<view class="flex flex-direction justify-between lf-p-t-20 lf-p-b-20 lf-p-l-32 lf-p-r-32 solid-bottom">
<view class="flex align-center text-center justify-between">
<view class="lf-font-36 lf-color-price">-¥10.00</view>
<view class="lf-font-32 text-black1">结余 ¥34.43</view>
<scroll-view class="com" :scroll-y="true" :refresher-enabled="true" :refresher-triggered="isRefresher" @scrolltolower="onScrolltolower" @refresherrefresh="onRefresherrefresh">
<view class="flex flex-direction justify-between lf-p-t-20 lf-p-b-20 lf-p-l-32 lf-p-r-32 solid-bottom" v-for="i of 23">
<view class="flex align-center text-center justify-between">
<view class="lf-font-36 lf-color-price">-¥10.00</view>
<view class="lf-font-32 text-black1">结余 ¥34.43</view>
</view>
<view class="flex align-center text-center justify-between lf-m-t-10">
<view class="lf-font-24 lf-color-999">内部粉丝购买商品获得</view>
<view class="lf-font-24 lf-color-999">2021-7-6 22:32:43</view>
</view>
</view>
<view class="flex align-center text-center justify-between lf-m-t-10">
<view class="lf-font-24 lf-color-999">内部粉丝购买商品获得</view>
<view class="lf-font-24 lf-color-999">2021-7-6 22:32:43</view>
<!-- 空数据的情况 -->
<view class="loading-more">
<text v-if="!tab.list.length" :class="{'loading-more-text': tab.loadingClass}">{{ tab.loadingText }}</text>
<my-nocontent v-else></my-nocontent>
</view>
</view>
<!-- 回到顶部 -->
<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
</scroll-view>
</block>
<block v-else>
<view class="flex flex-direction justify-between lf-p-t-20 lf-p-b-20 lf-p-l-32 lf-p-r-32 solid-bottom">
<view class="flex align-center text-center justify-between">
<view class="lf-font-36 lf-color-price">-¥11.00</view>
<view class="lf-font-28 text-orange">申请中</view>
<scroll-view class="com" :scroll-y="true" :refresher-enabled="true" :refresher-triggered="isRefresher" @scrolltolower="onScrolltolower" @refresherrefresh="onRefresherrefresh">
<view class="flex flex-direction justify-between lf-p-t-20 lf-p-b-20 lf-p-l-32 lf-p-r-32 solid-bottom" v-for="i of 3">
<view class="flex align-center text-center justify-between">
<view class="lf-font-36 lf-color-price">-¥11.00</view>
<view class="lf-font-28 text-orange">申请中</view>
</view>
<view class="flex align-center text-center justify-between lf-m-t-10">
<view class="lf-font-24 lf-color-999">流水号 638763485895875</view>
<view class="lf-font-24 lf-color-999">2021-7-6 22:32:43</view>
</view>
</view>
<view class="flex align-center text-center justify-between lf-m-t-10">
<view class="lf-font-24 lf-color-999">流水号 638763485895875</view>
<view class="lf-font-24 lf-color-999">2021-7-6 22:32:43</view>
<!-- 空数据的情况 -->
<view class="loading-more">
<text v-if="!tab.list.length" :class="{'loading-more-text': tab.loadingClass}">{{ tab.loadingText }}</text>
<my-nocontent v-else></my-nocontent>
</view>
</view>
<!-- 回到顶部 -->
<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
</scroll-view>
</block>
</view>
</template>
@ -45,12 +63,33 @@
export default {
data() {
return {
tabIndex: 0
tabIndex: 0,
pageSize: 10,
isRefresher: false, // scroll-view下拉刷新状态，当前默认没有触发
page: 1,
isPage: false
}
},
methods: {
// 页面触底，加载下一页
onScrolltolower(){
console.log('加载下一页')
},
// scroll-view 下拉刷新
onRefresherrefresh(){
this.isRefresher = true;
console.log('下拉刷新')
setTimeout(() => {
this.isRefresher = false;
},1000)
}
}
}
</script>
<style scoped>
.com {
height: 900rpx;
}
.wallet-top {
height: 404rpx;
width: 100%;

22
pages/center/widthdraw.vue
View File

@ -5,13 +5,17 @@
<view class="text-black lf-font-28 lf-p-l-30 lf-p-t-30">提取金额</view>
<view class="lf-p-l-20 flex solid-bottom align-center" style="padding-top: 90rpx;">
<text class="text-black lf-font-48">￥</text>
<input type="number" v-model="num" class="lf-p-l-10 text-black1" style="width: 100%;padding-right: 30rpx;font-size: 72rpx;height: 100rpx;" />
<!-- <u-input v-model="num" :type="type" :border="border" :height="height" :auto-height="autoHeight"/> -->
<input type="number" @focus="showClear()" v-model="num" class="lf-p-l-10 text-black1" style="width: 80%;padding-right: 30rpx;font-size: 72rpx;height: 100rpx;" />
<view v-if="showClean && num != ''">
<u-icon @click="clearAble()" name="close-circle" color="#999999" size="40"></u-icon>
</view>
</view>
<view class="lf-font-28 lf-color-999 lf-p-t-20 lf-p-l-30" v-if="num==''">
<view class="lf-font-28 lf-color-999 lf-p-t-26 lf-p-l-30" v-if="num==''">
可用余额
<text>￥0.00</text>
</view>
<view v-else class="lf-color-price lf-font-28 lf-p-t-20 lf-p-l-30">输入金额超过可用余额</view>
<view v-else class="lf-color-price lf-font-28 lf-p-t-26 lf-p-l-30">输入金额超过可用余额</view>
</view>
</view>
@ -48,7 +52,17 @@
export default {
data() {
return {
num: ''
num: '',
showClean: false
}
},
methods: {
clearAble() {
this.num = ''
this.showClean = false
},
showClear() {
this.showClean = true
}
}
}

Write Preview
Loading…
Cancel
Save