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