TmOct5/BlockChainH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

修改文字

Browse Source
This commit is contained in:
zhangmanman
2021-09-27 12:12:50 +08:00
parent 9e9fc63c1b
commit 3e3215df42
9 changed files with 129 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
pages.json
View File

@@ -48,6 +48,13 @@
"style": {
"navigationBarTitleText": "服务条款"
}
}, {
"path": "pages/user/followOfficial",
"name": "Official",
"auth": true,
"style": {
"navigationBarTitleText": "关注公众号"
}
}, {
"path": "pages/vip/vip",
"name": "vipIndex",

32
pages/found/index.vue
View File

@@ -21,6 +21,9 @@
</view>
<view class="sign">
<view class="sign-list" :class="{ active: item.sign }" v-for="(item, index) in sign.signArr" :key="index">
<view class="sign-tips" v-if="item.sign">
<view class="sign-tips-text">已签</view>
</view>
<block v-if="index == 7">
<image class="sign-list-img" :src="item.sign ? '../../static/user/sign_icon_last_active.png' : '../../static/user/sign_icon_last.png'" mode="aspectFill"></image>
</block>
@@ -257,9 +260,9 @@
margin: 0 0 30rpx;
padding: 0 30rpx;
box-sizing: border-box;
overflow: hidden;
.sign-list {
width: calc(14.28% - 20rpx);
position: relative;
margin: 0 10rpx;
display: inline-block;
text-align: center;
@@ -267,6 +270,33 @@
border-radius: 10rpx;
padding: 20rpx 0;
box-sizing: border-box;
.sign-tips {
position: absolute;
top: -20rpx;
left: calc(50% - 30rpx);
background-color: #ef4034;
font-size: 24rpx;
color: #FFFFFF;
height: 32rpx;
line-height: 30rpx;
width: 60rpx;
text-align: center;
border-radius: 6rpx;
.sign-tips-text {
transform: scale(0.85);
}
&::after {
position: absolute;
content: '';
left: calc(50% - 8rpx);
bottom: -6rpx;
width: 0;
height: 0;
border-left: 8rpx solid transparent;
border-right: 8rpx solid transparent;
border-top: 8rpx solid #ef4034;
}
}
.sign-list-img {
width: 38rpx;
height: 38rpx;

130
pages/instrument/Spread.vue
View File

@@ -1,29 +1,27 @@
<template>
<view class="content">
<view class="codeContent">
<!-- <image class="codeContent-back" src="../../static/icons/store_codeBack.png" mode="widthFix"></image> -->
<image class="codeContent-cont" src="../../static/icons/store_contBack.png" mode="widthFix"></image>
<view class="textContent">
<view class="company">
<image class="company-logo" :src="companyInfo.cover" mode="aspectFill"></image>
<view class="company-cont">
<view class="nowrap company-name">{{companyInfo.name}}</view>
<view class="company-tips">易货平台</view>
<view class="codeTop">
<image class="codeTop-cover" :src="companyInfo.cover" mode="aspectFill"></image>
<view class="codeTop-title">
<view class="codeTop-name">
{{companyInfo.name}}
</view>
<view class="codeTop-tips">
邀请你 加入链商星球
</view>
</view>
<view class="code">
<image class="code-img" :src="companyInfo.code" mode="aspectFit"></image>
<!-- <view class="code-text">简单扫一扫，即可进入平台</view> -->
</view>
<!-- @click="shareCanvas" -->
<view class="codeBnt">
扫码推广
</view>
<view class="codeCode">
<!-- <image class="codeImg-code" :src="companyInfo.code" mode="aspectFill"></image> -->
<!-- 先默认死数据 -->
<image class="codeImg-code" src="/static/user/wallet-code.png" mode="aspectFill"></image>
<view class="codeImg-text">
长按二维码，进行保存
</view>
</view>
</view>
<canvas class="codeImg" canvas-id="qrcodeCard"></canvas>
<!-- <canvas class="codeImg" canvas-id="qrcodeCard"></canvas> -->
</view>
</template>
@@ -37,6 +35,7 @@
},
created() {
companiesCode().then(res=>{
console.log(res.code)
this.companyInfo = res
})
},
@@ -153,75 +152,62 @@
.codeContent {
position: relative;
width: 100%;
height: 100vh;
.codeContent-back {
width: 100%;
height: 100%;
z-index: 1;
left: 0;
right: 0;
top: 0;
.codeTop {
position: absolute;
}
.codeContent-cont {
left: 5%;
top: 240rpx;
width: 90%;
top: 100px;
z-index: 2;
position: absolute;
}
.codeContent-tips {
position: absolute;
top: 0;
right: 20rpx;
width: 200rpx;
z-index: 2;
}
.textContent {
position: absolute;
padding: 20rpx 20rpx 0 40rpx;
background-color: #FFFFFF;
border-radius: 30rpx;
padding: 0 50rpx;
box-sizing: border-box;
width: 70%;
z-index: 3;
left: 15%;
right: 15%;
top: 140px;
}
.company {
width: 100%;
.company-logo {
box-shadow: 0 0 40rpx rgba(94,59,201,.5);
z-index: 2;
display: flex;
height: 200rpx;
.codeTop-cover {
width: 120rpx;
height: 120rpx;
border-radius: 50%;
margin: 40rpx 30rpx 0 0;
border: 4rpx solid #FFFFFF;
box-shadow: 0 5rpx 10rpx rgba(94,59,201,.3);
}
.company-cont {
position: absolute;
width: 100%;
height: 230rpx;
left: 0;
top: 0;
padding: 20rpx 20rpx 30rpx 210rpx;
font-size: $title-size;
.company-name {
.codeTop-title {
padding-top: 50rpx;
.codeTop-name {
font-weight: 600;
margin: 10rpx 0;
font-size: 36rpx;
margin-bottom: 10rpx;
}
.company-tips {
font-size: 26rpx;
color: #787878;
.codeTop-tips {
color: $text-gray-m;
}
}
}
.code {
.codeCode {
background-color: #FFFFFF;
box-shadow: 0 0 40rpx rgba(27, 0, 111,.4);
position: absolute;
padding: 400rpx 0 200rpx;
left: 10%;
top: 160rpx;
width: 80%;
border-radius: 30rpx;
z-index: 1;
text-align: center;
width: 100%;
box-sizing: border-box;
margin-bottom: $margin;
.code-img {
width: 90%;
.codeImg-code {
width: 360rpx;
height: 360rpx;
margin: 0 0 20rpx;
border: 2px solid #f3f3f3;
}
.code-text {
color: #787878;
margin-top: $margin - 10;
font-size: $title-size;
.codeImg-text {
font-size: 32rpx;
color: $text-color;
}
}
}

20
pages/user/followOfficial.vue Normal file
View File

@@ -0,0 +1,20 @@
<template>
<view>
<image class="followBack" src="/static/user/follow_back.png" mode="widthFix"></image>
</view>
</template>
<script>
</script>
<style>
page {
background-color: #ffffff;
}
</style>
<style lang="scss" scoped>
.followBack {
width: 100%;
}
</style>

8
pages/user/index.vue
View File

@@ -71,6 +71,9 @@
<view class="userVip-top-btn" v-if="!userIdentity.is_top" @click="$Router.push({name: 'vipIndex'})">
去开通<image class="userVip-top-arrow" src="/static/user/userVip_arrow.png"></image>
</view>
<view class="userVip-top-btn" v-else>
终身有效
</view>
</view>
<!-- 未认证后显示 -->
@@ -89,7 +92,7 @@
<view class="userVip-rights">
<view class="userVip-rightst-title">
<view class="userVip-rightst-title-name">查看会员专属权益</view>
<view class="userVip-rightst-more">全部权益 <image class="userVip-rightst-more-img" src="/static/user/userVip_more_arrow.png"></image></view>
<view class="userVip-rightst-more" @click="$Router.push({name: 'vipIndex'})">全部更多 <image class="userVip-rightst-more-img" src="/static/user/userVip_more_arrow.png"></image></view>
</view>
<view class="userVip-rightst-list" v-if="userIdentity.right">
<view v-for="(item, index) in userIdentity.right.rights" :key="index" class="userVip-rightst-label">
@@ -170,7 +173,7 @@
</view>
<!-- 企业工具 -->
<view class="userPartner">
<view class="userPartner" v-if="userData.is_company">
<view class="partner-title">
企业工具
</view>
@@ -291,6 +294,7 @@
userInfo() {
// 读取配置信息
userIndex().then(res=>{
console.log(res.identityShow)
this.userData = res
this.helpDoc = res.help_doc
this.userIdentity = res.identityShow

3
pages/user/partner.vue
View File

@@ -135,7 +135,8 @@
margin-right: 10rpx;
}
.partner-identity {
width: 120rpx;
width: 84rpx;
margin-top: 4rpx;
}
}
}

15
pages/vip/vip.vue
View File

@@ -12,28 +12,23 @@
{{item.count.stock > 0 ? '剩余名额：' + item.count.residue : '不限名数'}}
</view>
<view class="vip-tips">
<!-- 轻节点 -->
<view v-if="item.identity_id == 2" class="vip-tips-text vip-tips-color-00">
{{item.title}}
</view>
<!-- 会员 -->
<view v-else-if="item.identity_id == 3" class="vip-tips-text vip-tips-color-01">
<view v-if="item.identity_id == 2" class="vip-tips-text vip-tips-color-01">
{{item.title}}
</view>
<!-- VIP节点 -->
<view v-else-if="item.identity_id == 4" class="vip-tips-text vip-tips-color-02">
<view v-else-if="item.identity_id == 3" class="vip-tips-text vip-tips-color-02">
{{item.title}}
</view>
<!-- 主节点 -->
<view v-else-if="item.identity_id == 5" class="vip-tips-text vip-tips-color-03">
<view v-else-if="item.identity_id == 4" class="vip-tips-text vip-tips-color-03">
{{item.title}}
</view>
<!-- 超级节点 -->
<view v-else-if="item.identity_id == 6" class="vip-tips-text vip-tips-color-04">
<view v-else-if="item.identity_id == 5" class="vip-tips-text vip-tips-color-04">
{{item.title}}
</view>
</view>
@@ -132,7 +127,6 @@
methods: {
// 当前用户信息
idenInfo(){
identities().then(res => {
identities().then(res => {
this.loding = false
this.identitie = res.identities
@@ -147,6 +141,7 @@
},
// 切换开通身份
swiperChange(e) {
console.log(e.detail.current)
this.tabsIndex = e.detail.current
// 获取当前用户信息

BIN
static/user/follow_back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 61 KiB

BIN
static/user/wallet-code.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB