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-30 12:19:25 +08:00
parent d156ad6042
commit 8ac459e047
4 changed files with 51 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
pages/found/index.vue
View File

@@ -131,6 +131,7 @@
showHelp() { showHelp() {
uni.showModal({ uni.showModal({
title: '能量碎片', title: '能量碎片',
confirmColor: '#8b64fd',
content: this.energyShard.description, content: this.energyShard.description,
showCancel: false showCancel: false
}) })

72
pages/user/code.vue
View File

@@ -69,7 +69,7 @@
inviteData: [] ,//二维码信息 inviteData: [] ,//二维码信息
codeIndex : 0, codeIndex : 0,
posterImg : '', posterImg : '',
defaultImg: '/static/dev/WechatIMG9663.png', defaultImg: '',
loaded : false, loaded : false,
posterShow: false posterShow: false
}; };
@@ -95,7 +95,6 @@
// 生成海报 // 生成海报
async coverCode(){ async coverCode(){
// let { img, title, price, head, tips } = this
let img = this.inviteData[this.codeIndex].code let img = this.inviteData[this.codeIndex].code
let back = this.inviteData[this.codeIndex].cover let back = this.inviteData[this.codeIndex].cover
let name = this.inviteData[this.codeIndex].user_info.nickname let name = this.inviteData[this.codeIndex].user_info.nickname
@@ -104,14 +103,14 @@
let date = this.inviteData[this.codeIndex].date let date = this.inviteData[this.codeIndex].date
draw = new Draw({ draw = new Draw({
width: 375, width: 375,
height: 745, height: 667,
canvasId:'myCanvas', canvasId:'myCanvas',
_this: this, _this: this,
background: { background: {
type: 'color', type: 'color',
color: 'white', color: 'white',
w: 375, w: 375,
h: 745, h: 667,
}, },
}) })
let res = await draw.createdSharePoster(({ bgObj }) => { let res = await draw.createdSharePoster(({ bgObj }) => {
@@ -126,7 +125,7 @@
y: 0, y: 0,
src: back, src: back,
w: 375, w: 375,
h: 745, h: 667,
zIndex: 0, zIndex: 0,
}, },
@@ -134,7 +133,7 @@
{ {
type: 'rect', type: 'rect',
x: 280, x: 280,
y: 20, y: 10,
w: 60, // 宽度 必填 w: 60, // 宽度 必填
h: 80, // 高度 必填 h: 80, // 高度 必填
zIndex: 99, zIndex: 99,
@@ -148,7 +147,7 @@
type: 'line', type: 'line',
zIndex: 99, zIndex: 99,
x: 280, x: 280,
y: 74, y: 62,
w: 60, // 宽度 默认整个画布的宽度 - x轴的距离 w: 60, // 宽度 默认整个画布的宽度 - x轴的距离
color: '#ffffff', // 颜色 默认#000000 在不考虑字节跳动小程序的前提下可简写(#000) color: '#ffffff', // 颜色 默认#000000 在不考虑字节跳动小程序的前提下可简写(#000)
alpha: 1, // 透明度 默认1 取值范围 0~1 alpha: 1, // 透明度 默认1 取值范围 0~1
@@ -161,7 +160,7 @@
{ {
type: 'text', type: 'text',
x: 284, x: 284,
y: 28, y: 18,
zIndex: 99, zIndex: 99,
w: width - (20 * 2), w: width - (20 * 2),
text: date.solar.month, text: date.solar.month,
@@ -174,14 +173,14 @@
// 日历-日 // 日历-日
{ {
type: 'text', type: 'text',
x: 296, x: 298,
y: 50, y: 40,
zIndex: 99, zIndex: 99,
w: width - (20 * 2), w: width - (20 * 2),
text: date.solar.day, text: date.solar.day,
color: '#ffffff', color: '#ffffff',
font: { font: {
size: 20, size: 18,
weight: 'bold' weight: 'bold'
} }
}, },
@@ -190,7 +189,7 @@
{ {
type: 'text', type: 'text',
x: 282, x: 282,
y: 80, y: 70,
zIndex: 99, zIndex: 99,
w: width - (20 * 2), w: width - (20 * 2),
text: date.lunar, text: date.lunar,
@@ -203,39 +202,39 @@
// 用户昵称 // 用户昵称
{ {
type: 'text', type: 'text',
x: 90, x: 86,
y: 650, y: 600,
zIndex: 99, zIndex: 99,
w: width - (20 * 2), w: width - (20 * 2),
text: name, text: name,
color: '#ffffff', color: '#ffffff',
font: { font: {
size: 18 size: 16
} }
}, },
// 邀请码 // 邀请码
{ {
type: 'text', type: 'text',
x: 90, x: 86,
y: 685, y: 630,
zIndex: 99, zIndex: 99,
w: width - (20 * 2), w: width - (20 * 2),
text: '邀请码：' + invite, text: '邀请码：' + invite,
color: '#c4a1cb', color: '#c4a1cb',
font: { font: {
size: 16 size: 14
} }
}, },
// 用户头像 // 用户头像
{ {
type: 'image', type: 'image',
x: 20, x: 24,
y: 650, y: 598,
src: avatar, src: avatar,
w: 54, w: 46,
h: 54, h: 46,
drawType: 'arc', drawType: 'arc',
zIndex: 99, zIndex: 99,
borderWidth: 5, // 图片边框大小 默认0 borderWidth: 5, // 图片边框大小 默认0
@@ -245,10 +244,10 @@
// 二维码 // 二维码
{ {
type: 'image', type: 'image',
x: 270, x: 280,
y: 630, y: 585,
w: 90, w: 72,
h: 90, h: 72,
zIndex: 99, zIndex: 99,
src: img src: img
} }
@@ -304,7 +303,7 @@
.code{ .code{
position: relative; position: relative;
width: 100%; width: 100%;
padding-top: calc(199% - 280rpx - #{$padding * 2}); padding-top: calc(183% - 280rpx - #{$padding * 2});
.code-swiper{ .code-swiper{
position: absolute; position: absolute;
top: 0; top: 0;
@@ -366,11 +365,10 @@
// 头像昵称 // 头像昵称
.codeCont { .codeCont {
position: absolute; position: absolute;
left: 0; left: 10rpx;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
left: 0; padding: 10rpx 30rpx 20rpx;
padding: 10rpx 30rpx 50rpx;
box-sizing: border-box; box-sizing: border-box;
z-index: 9; z-index: 9;
.codeCont-avatar { .codeCont-avatar {
@@ -384,7 +382,7 @@
width: 100%; width: 100%;
left: 0; left: 0;
top: 0; top: 0;
padding: 10rpx 40rpx 0 150rpx; padding: 10rpx 40rpx 0 140rpx;
box-sizing: border-box; box-sizing: border-box;
.codeCont-name { .codeCont-name {
color: #FFFFFF; color: #FFFFFF;
@@ -398,17 +396,17 @@
} }
} }
.codeCont-img { .codeCont-img {
width: 140rpx; width: 120rpx;
height: 140rpx; height: 120rpx;
position: absolute; position: absolute;
right: 30rpx; right: 50rpx;
bottom: 30rpx; bottom: 10rpx;
} }
} }
// 日历 // 日历
.codDate { .codDate {
position: absolute; position: absolute;
top: 30rpx; top: 15rpx;
right: 70rpx; right: 70rpx;
z-index: 9; z-index: 9;
color: #FFFFFF; color: #FFFFFF;
@@ -434,7 +432,7 @@
// canvas // canvas
.my-canvas{ .my-canvas{
width: 375px; width: 375px;
height: 745px; height: 667px;
position: fixed; position: fixed;
top: -99999999999rpx; top: -99999999999rpx;
left: -99999999999rpx; left: -99999999999rpx;

51
pages/user/index.vue
View File

@@ -15,7 +15,7 @@
<view class="newBack" v-if="newState"></view> <view class="newBack" v-if="newState"></view>
<view class="newCont" v-if="newState"> <view class="newCont" v-if="newState">
<view class="newCont-title"> <view class="newCont-title">
{{newList[newPopIndex].title}} <view class="newCont-title-text">{{newList[newPopIndex].title}}</view>
</view> </view>
<view class="newCont-text"> <view class="newCont-text">
<rich-text :nodes="newList[newPopIndex].content"></rich-text> <rich-text :nodes="newList[newPopIndex].content"></rich-text>
@@ -28,20 +28,7 @@
<!-- 消息列表弹出 end --> <!-- 消息列表弹出 end -->
<!-- 用户信息 start --> <!-- 用户信息 start -->
<!-- <view class="fileTool" :class="{ bigTool: scroll > 200 }"> <view class="user-top">
<view class="user-portrait">
<image class="user-portrait-head" :src="userData.avatar ? userData.avatar : '/static/user/user-portrait.png'" mode="aspectFill"></image>
</view>
<view class="user-tool">
<view class="user-tool-name">
{{userData.nickname}}
</view>
<image class="user-tool-icon" src="/static/user/user-top-00.png" mode="aspectFill" @click="$Router.push({name: 'setting'})"></image>
<image class="user-tool-icon" src="/static/user/user-top-01.png" mode="aspectFill" @click="$Router.push({name: 'news'})"></image>
</view>
</view> -->
<view class="user-top" :class="[scroll > 0 ? 'bigTop' : 'refurnTop']">
<!-- <image class="user-back" :class="[scroll > 0 ? 'bigSize' : 'refurnSize']" src="../../static/img/user-back.png" mode="aspectFill"></image> -->
<view class="user-tool"> <view class="user-tool">
<image class="user-tool-icon" src="/static/user/user-top-00.png" mode="aspectFill" @click="$Router.push({name: 'setting'})"></image> <image class="user-tool-icon" src="/static/user/user-top-00.png" mode="aspectFill" @click="$Router.push({name: 'setting'})"></image>
<image class="user-tool-icon" src="/static/user/user-top-01.png" mode="aspectFill" @click="$Router.push({name: 'news'})"></image> <image class="user-tool-icon" src="/static/user/user-top-01.png" mode="aspectFill" @click="$Router.push({name: 'news'})"></image>
@@ -113,7 +100,7 @@
<!-- 用户信息 end --> <!-- 用户信息 end -->
<!-- 滑动内容 start --> <!-- 滑动内容 start -->
<view class="slide" :class="{ bigSlide: classStyle }" @touchmove="move"> <view class="slide">
<!-- 消息中心 --> <!-- 消息中心 -->
<view class="userNew"> <view class="userNew">
<image class="userNew-icon" src="/static/user/userNew_icon.png"></image> <image class="userNew-icon" src="/static/user/userNew_icon.png"></image>
@@ -234,19 +221,6 @@
</view> </view>
</view> </view>
</view> </view>
<!-- <view class="btns">
<view class="item" @click="$Router.push({name: 'instrumentBasics'})">基础信息</view>
<view class="item" @click="$Router.push({name: 'goodsManagement'})">商品权证</view>
<view class="item" @click="$Router.push({name: 'couponsManagement'})">优惠券管理</view>
<view class="item" @click="$Router.push({name: 'instrumentBasics'})">店员管理</view>
<view class="item" @click="$Router.push({name: 'instrumentCustomer'})">成交客户</view>
<view class="item" @click="$Router.push({name: 'Personal'})">个人认证</view>
<view class="item" @click="$Router.push({name: 'companyApprove'})">企业认证</view>
<view class="item" @click="$Router.push({name: 'companyApprove', params: { form_type: 'put' }})">编辑企业认证</view>
<view class="item" @click="$Router.push({name: 'setting'})">设置中心</view>
</view> -->
</view>
</view> </view>
</template> </template>
@@ -378,6 +352,7 @@
uni.showModal({ uni.showModal({
title: title, title: title,
content: content, content: content,
confirmColor: '#8b64fd',
showCancel: false showCancel: false
}) })
}, },
@@ -487,14 +462,19 @@
text-align: center; text-align: center;
color: $text-gray; color: $text-gray;
.newCont-title { .newCont-title {
padding: 80rpx 40rpx 0; padding: 25rpx 40rpx;
border-bottom: 1rpx solid #eaeaea;
box-sizing: border-box; box-sizing: border-box;
font-size: 30rpx; font-size: 30rpx;
margin-bottom: 30rpx;
font-weight: 600; font-weight: 600;
text-align: center;
.newCont-title-text {
padding: 0 50rpx;
box-sizing: border-box;
}
} }
.newCont-text { .newCont-text {
padding: 50rpx 40rpx; padding: 20rpx 40rpx 40rpx;
box-sizing: border-box; box-sizing: border-box;
line-height: 48rpx; line-height: 48rpx;
text-align: justify; text-align: justify;
@@ -504,17 +484,16 @@
} }
.newCont-btn { .newCont-btn {
color: #7e54fe; color: #7e54fe;
margin-top: 30rpx;
font-size: 30rpx; font-size: 30rpx;
line-height: 90rpx; line-height: 90rpx;
border-top: 2rpx solid #eaeaea; border-top: 2rpx solid #eaeaea;
} }
.newCont-close { .newCont-close {
position: absolute; position: absolute;
top: 20rpx; top: 28rpx;
right: 20rpx; right: 20rpx;
width: 34rpx; width: 32rpx;
height: 34rpx; height: 32rpx;
} }
} }

BIN
static/dev/WechatIMG9663.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 114 KiB

After

Width:  |  Height:  |  Size: 152 KiB