@@ -4,12 +4,14 @@ | |||
><image src="../../assets/img/img1.jpg" mode="aspectFit" | |||
/></view> | |||
<text class="name">风格名称</text> | |||
<up-button | |||
type="primary" | |||
text="开始制作写真" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
@click="createing" | |||
></up-button> | |||
<view class="buttonBox"> | |||
<up-button | |||
type="primary" | |||
text="开始制作写真" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
@click="createing" | |||
></up-button> | |||
</view> | |||
<text class="balance">金币余额: 30</text> | |||
</view> | |||
</template> | |||
@@ -48,9 +50,10 @@ function createing() { | |||
margin-top: 30rpx; | |||
margin-bottom: 50rpx; | |||
} | |||
button { | |||
width: 60% !important; | |||
.buttonBox { | |||
width: 60%; | |||
} | |||
.balance { | |||
margin-top: 30rpx; | |||
font-size: 40rpx; | |||
@@ -12,7 +12,12 @@ | |||
></up-button> | |||
</view> | |||
<view class="imgListBox"> | |||
<view class="imgContenBox" v-for="item in 4" :key="item"> | |||
<view | |||
class="imgContenBox" | |||
v-for="item in 4" | |||
:key="item" | |||
@click="goLookPhoto" | |||
> | |||
<image src="../../assets/img/img2.jpg" mode="aspectFit" /> | |||
</view> | |||
</view> | |||
@@ -31,13 +36,15 @@ | |||
<!-- 生成成功的底部栏 --> | |||
<view class="createEd"> | |||
<text class="look">点击查看高清写真</text> | |||
<up-button | |||
class="goon" | |||
type="primary" | |||
text="重新生成" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
@click="changeStyle" | |||
></up-button> | |||
<view class="buttonBox"> | |||
<up-button | |||
class="goon" | |||
type="primary" | |||
text="重新生成" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
@click="changeStyle" | |||
></up-button> | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
@@ -58,7 +65,11 @@ function changeStyle() { | |||
url: "/pages/closeStyle/closeStyle", | |||
}); | |||
} | |||
function goLookPhoto() { | |||
uni.redirectTo({ | |||
url: "/pages/lookPhoto/index", | |||
}); | |||
} | |||
//#endregion --------------------- | |||
//#region | |||
@@ -129,8 +140,8 @@ function changeStyle() { | |||
margin-top: 20rpx; | |||
margin-bottom: 30rpx; | |||
} | |||
button { | |||
width: 70% !important; | |||
.buttonBox { | |||
width: 50%; | |||
} | |||
} | |||
</style> |
@@ -9,12 +9,14 @@ | |||
:controls="false" | |||
/> | |||
</view> | |||
<up-button | |||
type="primary" | |||
text="开始制作我的数字分身" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
@click="toCreate" | |||
></up-button> | |||
<view class="buttonBox"> | |||
<up-button | |||
type="primary" | |||
text="开始制作我的数字分身" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
@click="toCreate" | |||
></up-button> | |||
</view> | |||
<u-checkbox-group v-model="checkboxValue1" placement="row"> | |||
<u-checkbox | |||
activeColor="red" | |||
@@ -103,9 +105,10 @@ function handleLogin() { | |||
button { | |||
margin-top: 50rpx; | |||
} | |||
.u-button { | |||
width: 50% !important; | |||
.buttonBox { | |||
width: 50%; | |||
} | |||
.u-checkbox-group { | |||
margin-top: 70rpx; | |||
} | |||
@@ -10,34 +10,42 @@ | |||
<!-- 底部 --> | |||
<view class="bottomBox"> | |||
<text class="balance">金币余额: 30</text> | |||
<up-button | |||
type="primary" | |||
text="下载照片" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
@click="" | |||
></up-button> | |||
<view class="btnBox"> | |||
<up-button | |||
type="primary" | |||
text="分享" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
open-type="share" | |||
@click="share" | |||
></up-button> | |||
<up-button | |||
type="primary" | |||
text="邀请好友" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
open-type="share" | |||
@click="inviteFriend" | |||
></up-button> | |||
<view class="buttonBox"> | |||
<up-button | |||
type="primary" | |||
text="购买金币" | |||
text="下载照片" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
@click="bueCoin" | |||
@click="" | |||
></up-button> | |||
</view> | |||
<view class="btnBox"> | |||
<view class="buttonBox"> | |||
<up-button | |||
type="primary" | |||
text="分享" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
open-type="share" | |||
@click="share" | |||
></up-button> | |||
</view> | |||
<view class="buttonBox"> | |||
<up-button | |||
type="primary" | |||
text="邀请好友" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
open-type="share" | |||
@click="inviteFriend" | |||
></up-button> | |||
</view> | |||
<view class="buttonBox"> | |||
<up-button | |||
type="primary" | |||
text="购买金币" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
@click="bueCoin" | |||
></up-button> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
@@ -143,16 +151,17 @@ function bueCoin() { | |||
font-size: 40rpx; | |||
margin-bottom: 50rpx; | |||
} | |||
button { | |||
width: 60% !important; | |||
.buttonBox { | |||
width: 60%; | |||
} | |||
.btnBox { | |||
margin-top: 90rpx; | |||
width: 100%; | |||
display: flex; | |||
justify-content: space-between; | |||
button { | |||
width: 30% !important; | |||
.buttonBox { | |||
width: 30%; | |||
} | |||
} | |||
} | |||
@@ -32,12 +32,14 @@ | |||
mode="aspectFit" | |||
/> | |||
</view> | |||
<up-button | |||
type="primary" | |||
text="上传我的照片" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
@click="toCloseStyle" | |||
></up-button> | |||
<view class="bottonBox"> | |||
<up-button | |||
type="primary" | |||
text="上传我的照片" | |||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||
@click="toCloseStyle" | |||
></up-button> | |||
</view> | |||
<view class="tips">请按照样片上传您五官清晰的正面照片</view> | |||
<view class="demoImgBox"> | |||
<view class="demoImg1"></view> | |||
@@ -152,9 +154,12 @@ function toCloseStyle() { | |||
} | |||
} | |||
} | |||
.buttonBox { | |||
width: 50%; | |||
} | |||
// 上传 | |||
.u-button { | |||
width: 70% !important; | |||
// width: 70% !important; | |||
} | |||
.tips { | |||
margin-top: 20rpx; | |||