commie/im
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加音乐,摇一摇,服务等页面

Browse Source
This commit is contained in:
cansnow
2026-02-15 19:41:13 +08:00
parent abd279e7a7
commit 271ec4b9c2
74 changed files with 14021 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/user/service/wallet_sub_page/bind_bank.vue
+140
View File
@@ -0,0 +1,140 @@
<template>
<view>
<u-navbar :is-back="true" title="银行卡" :title-bold="true" :title-size="34"
:background="{background: '#f1f1f1'}"
title-color="#404133" :border-bottom="false" z-index="1001">
<view slot="right" class="u-m-r-20">
<u-icon name="more-dot-fill" size="48"></u-icon>
</view>
</u-navbar>
<template v-if="imgList.arr.length>0">
<view class="yinhangitem" v-for="item in imgList.arr" :style="{backgroundImage:'url( '+ item.bg2x_url +' )'}"
:key="item.bank_type">
<image class="itemlogo1" :src="item.logo1x_url" mode=""></image>
<view class="info">
<view class="itemtitle">{{item.bank_desc}}<br><span>储蓄卡</span></view>
<view class="itemnum"><span>·</span><span>·</span><span>·</span><span>· &nbsp;</span>
<span>·</span><span>·</span><span>·</span><span>· &nbsp;</span>
<span>·</span><span>·</span><span>·</span><span>· &nbsp;</span>
{{item.bank_type}}
</view>
</view>
<image class="itemlogo" :src="item.wl1x_url" mode="heightFix"></image>
</view>
</template>
<view class="add">
<span class="iconfont icon-jia"></span>
<span>添加银行卡</span>
<view>绑新卡送立减金</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
imgList:{
arr:[]
}
};
},
onLoad() {
let that=this;
plus.io.resolveLocalFileSystemURL('/static/xml/tu.xml', (entry) => {
entry.file(function(file) {
const fileReader = new plus.io.FileReader()
fileReader.onloadend = (evt) => {
const data = JSON.parse(evt.target.result);
that.imgList.arr = data.bank_urls_list;
}
fileReader.readAsText(file, 'utf-8')
})
}, (err) => {
console.log("发生了错误", err)
})
}
}
</script>
<style lang="scss" scoped>
.add {
height: 140rpx;
width: calc(100% - 36rpx);
background-color: #ffffff;
border-radius: 16rpx;
margin: 10rpx auto;
padding: 30rpx;
box-sizing: border-box;
display: flex;
align-items: center;
.iconfont {
font-size: 40rpx;
margin-right: 16rpx;
font-weight: 700;
}
div {
color: #cea337;
font-size: 24rpx;
padding: 0 14rpx;
}
}
.yinhangitem {
background-repeat: no-repeat;
background-size: 200%;
background-position: center;
position: relative;
display: flex;
height: 220rpx;
width: calc(100% - 36rpx);
// background-color: black;
border-radius: 16rpx;
margin: 10rpx auto;
padding: 30rpx;
box-sizing: border-box;
.itemlogo1 {
width: 80rpx;
height: 80rpx;
}
.info {
padding: 0 18rpx;
box-sizing: border-box;
color: white;
.itemtitle {
span {
font-size: 24rpx;
color: #cbcece;
}
}
.itemnum {
// font-weight: 700;
font-size: 44rpx;
padding-top: 40rpx;
span {
font-weight: 700;
}
}
}
.itemlogo {
position: absolute;
right: 20rpx;
top: 0;
// width: 100rpx;
height: 100%;
}
}
</style>
<style>
page {
background-color: #f1f1f1;
}
</style>
pages/user/service/wallet_sub_page/fenfu-page.vue
+55
View File
@@ -0,0 +1,55 @@
<template>
<view class="container">
<!-- <u-navbar :is-back="false" title="" :border-bottom="false" :background="{background: 'rgb(99,200,98)'}">
<view class="slot-wrap">
<view @click="goback()">
<u-icon name="close" size="34" color="#ffffff"></u-icon>
</view>
</view>
</u-navbar> -->
<image style="height: 100%;width: 100%;" src="/static/image/wx/wallet/fen-fu-page.jpg"></image>
</view>
</template>
<script>
export default {
data() {
return {
};
},
methods:{
goback(){
uni.navigateBack();
}
}
}
</script>
<style lang="scss" scoped>
.slot-wrap {
display: flex;
align-items: center;
/* 如果您想让slot内容占满整个导航栏的宽度 */
flex: 1;
/* 如果您想让slot内容与导航栏左右有空隙 */
padding: 0 30rpx;
}
.container{
width: 100%;
height: 100%;
}
.page-image{
width: 100%;
height: 100%;
}
</style>
<style>
/*page{
width: 100%;
height: 100%;
background-image: url('/static/image/wx/wallet/fen-fu-page.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
} */
</style>
pages/user/service/wallet_sub_page/lin_qian_tong.vue
+52
View File
@@ -0,0 +1,52 @@
<template>
<view>
<u-navbar :is-back="false" title="" :border-bottom="false" :background="{background: '#ffffff'}">
<view class="slot-wrap">
<view @click="goback()">
<u-icon name="close" size="34" color="#606266"></u-icon>
</view>
</view>
</u-navbar>
<image class="page-image" src="/static/image/wx/wallet/linqiantong-page.jpg" mode="widthFix"></image>
</view>
</template>
<script>
export default {
data() {
return {
};
},
methods:{
handle(){
},
goback(){
uni.navigateBack();
}
}
}
</script>
<style lang="scss" scoped>
.slot-wrap {
display: flex;
align-items: center;
/* 如果您想让slot内容占满整个导航栏的宽度 */
flex: 1;
/* 如果您想让slot内容与导航栏左右有空隙 */
padding: 0 30rpx;
}
.page-image{
width: 100%;
margin-top: 30rpx;
}
</style>
<style>
page{
background-color: #ffffff;
}
</style>
pages/user/service/wallet_sub_page/qin_shu_ka.vue
+29
View File
@@ -0,0 +1,29 @@
<template>
<view>
<u-navbar :is-back="true" title="" :title-bold="true" :background="{background: '#ffffff'}" :border-bottom="false" z-index="1001">
</u-navbar>
<image class="page-image" src="/static/image/wx/wallet/qinshuka-page.png" mode="widthFix"></image>
</view>
</template>
<script>
export default {
data() {
return {
};
}
}
</script>
<style lang="scss" scoped>
.page-image{
margin-top: 20rpx;
width: 100%;
}
</style>
<style>
page{
background-color: #ffffff;
}
</style>