| @@ -18,6 +18,19 @@ | |||||
| "navigationBarTitleText": "慧拍" | "navigationBarTitleText": "慧拍" | ||||
| } | } | ||||
| }, | }, | ||||
| { | |||||
| "path": "pages/closeStyle/goCreatePhoto", | |||||
| "style": { | |||||
| "navigationBarTitleText": "慧拍" | |||||
| } | |||||
| }, | |||||
| { | |||||
| "path": "pages/createing/index", | |||||
| "style": { | |||||
| "navigationBarTitleText": "慧拍" | |||||
| } | |||||
| }, | |||||
| { | { | ||||
| "path": "pages/home/index", | "path": "pages/home/index", | ||||
| "style": { | "style": { | ||||
| @@ -30,6 +43,7 @@ | |||||
| "navigationBarTitleText": "购买金币" | "navigationBarTitleText": "购买金币" | ||||
| } | } | ||||
| } | } | ||||
| ], | ], | ||||
| "easycom": { | "easycom": { | ||||
| // 注意一定要放在custom里,否则无效,https://ask.dcloud.net.cn/question/131175 | // 注意一定要放在custom里,否则无效,https://ask.dcloud.net.cn/question/131175 | ||||
| @@ -1,22 +0,0 @@ | |||||
| <template> | |||||
| <div class="page"> | |||||
| <view class="title">选择照片风格</view> | |||||
| </div> | |||||
| </template> | |||||
| <script setup> | |||||
| //#region 导入 | |||||
| import { ref, reactive } from "vue"; | |||||
| import { voiceTotalApi } from "../../api/login.js"; | |||||
| //#endregion | |||||
| //#region | |||||
| //#endregion --------------------- | |||||
| //#region | |||||
| //#endregion --------------------- | |||||
| </script> | |||||
| <style lang="scss"></style> | |||||
| @@ -1,7 +1,7 @@ | |||||
| <template> | <template> | ||||
| <div class="page"> | <div class="page"> | ||||
| <view class="title imgContenBox" | <view class="title imgContenBox" | ||||
| ><image src="../../assets/text/closeStyleText.png" mode="scaleToFill" | |||||
| ><image src="../../assets/text/closeStyleText.png" mode="aspectFit" | |||||
| /></view> | /></view> | ||||
| <u-list class="styleListBox" @scrolltolower="scrolltolower"> | <u-list class="styleListBox" @scrolltolower="scrolltolower"> | ||||
| @@ -10,7 +10,7 @@ | |||||
| :key="index" | :key="index" | ||||
| class="styleListBoxItme" | class="styleListBoxItme" | ||||
| > | > | ||||
| <view class="styleInfo"> | |||||
| <view class="styleInfo" @click="createPhoto"> | |||||
| <image src="../../assets/icon/uploadImg.png" /> | <image src="../../assets/icon/uploadImg.png" /> | ||||
| <text>样式风格</text> | <text>样式风格</text> | ||||
| </view> | </view> | ||||
| @@ -25,7 +25,7 @@ import { ref, reactive } from "vue"; | |||||
| import { voiceTotalApi } from "../../api/login.js"; | import { voiceTotalApi } from "../../api/login.js"; | ||||
| //#endregion | //#endregion | ||||
| //#region | |||||
| //#region 列表加载 | |||||
| const styleList = ref([0, 1, 2, 3, 4, 5, 6, 7]); | const styleList = ref([0, 1, 2, 3, 4, 5, 6, 7]); | ||||
| const scrolltolower = () => { | const scrolltolower = () => { | ||||
| loadmore(); | loadmore(); | ||||
| @@ -36,8 +36,12 @@ const loadmore = () => { | |||||
| }; | }; | ||||
| //#endregion --------------------- | //#endregion --------------------- | ||||
| //#region | |||||
| //#region 点击图片 | |||||
| function createPhoto() { | |||||
| uni.redirectTo({ | |||||
| url: "/pages/closeStyle/goCreatePhoto", | |||||
| }); | |||||
| } | |||||
| //#endregion --------------------- | //#endregion --------------------- | ||||
| </script> | </script> | ||||
| @@ -0,0 +1,58 @@ | |||||
| <template> | |||||
| <view class="page"> | |||||
| <view class="showImgBox imgContenBox" | |||||
| ><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> | |||||
| <text class="balance">金币余额: 30</text> | |||||
| </view> | |||||
| </template> | |||||
| <script setup> | |||||
| //#region 导入 | |||||
| import { ref, reactive } from "vue"; | |||||
| import { voiceTotalApi } from "../../api/login.js"; | |||||
| //#endregion | |||||
| //#region 生成写真照片 | |||||
| function createing() { | |||||
| uni.redirectTo({ | |||||
| url: "/pages/createing/index", | |||||
| }); | |||||
| } | |||||
| //#endregion --------------------- | |||||
| //#region | |||||
| //#endregion --------------------- | |||||
| </script> | |||||
| <style lang="scss"> | |||||
| .showImgBox { | |||||
| width: 710rpx; | |||||
| height: 800rpx; | |||||
| background-color: #ccc; | |||||
| border-radius: 30rpx; | |||||
| image { | |||||
| max-width: 100%; | |||||
| max-height: 100%; | |||||
| } | |||||
| } | |||||
| .name { | |||||
| margin-top: 30rpx; | |||||
| margin-bottom: 50rpx; | |||||
| } | |||||
| button { | |||||
| width: 60% !important; | |||||
| } | |||||
| .balance { | |||||
| margin-top: 30rpx; | |||||
| font-size: 40rpx; | |||||
| } | |||||
| </style> | |||||
| @@ -0,0 +1,136 @@ | |||||
| <template> | |||||
| <view class="page"> | |||||
| <view class="topBox"> | |||||
| <view class="imgContenBox"> | |||||
| <image src="../../assets/img/img2.jpg" mode="aspectFit" /> | |||||
| </view> | |||||
| <up-button | |||||
| type="primary" | |||||
| text="更换风格" | |||||
| color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||||
| @click="changeStyle" | |||||
| ></up-button> | |||||
| </view> | |||||
| <view class="imgListBox"> | |||||
| <view class="imgContenBox" v-for="item in 4" :key="item"> | |||||
| <image src="../../assets/img/img2.jpg" mode="aspectFit" /> | |||||
| </view> | |||||
| </view> | |||||
| <!-- 生成中的底部栏 --> | |||||
| <view v-show="false" class="createIng"> | |||||
| <text class="time">写真生成中,预计用时X分X秒</text> | |||||
| <text class="inform">做好后通知我</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> | |||||
| <!-- 生成成功的底部栏 --> | |||||
| <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> | |||||
| </view> | |||||
| </template> | |||||
| <script setup> | |||||
| //#region 导入 | |||||
| import { ref, reactive } from "vue"; | |||||
| import { voiceTotalApi } from "../../api/login.js"; | |||||
| //#endregion | |||||
| //#region 生成写真照片 | |||||
| //#endregion --------------------- | |||||
| //#region 页面跳转 | |||||
| function changeStyle() { | |||||
| uni.redirectTo({ | |||||
| url: "/pages/closeStyle/closeStyle", | |||||
| }); | |||||
| } | |||||
| //#endregion --------------------- | |||||
| //#region | |||||
| //#endregion --------------------- | |||||
| </script> | |||||
| <style lang="scss"> | |||||
| .topBox { | |||||
| display: flex; | |||||
| align-items: flex-end; | |||||
| justify-content: flex-start; | |||||
| width: 100%; | |||||
| height: 200rpx; | |||||
| .imgContenBox { | |||||
| width: 200rpx; | |||||
| height: 100%; | |||||
| background-color: #ccc; | |||||
| image { | |||||
| width: 200rpx; | |||||
| max-height: 200rpx; | |||||
| } | |||||
| } | |||||
| button { | |||||
| width: 200rpx !important; | |||||
| margin: 0 50rpx; | |||||
| } | |||||
| } | |||||
| .imgListBox { | |||||
| width: 100%; | |||||
| height: 900rpx; | |||||
| padding: 30rpx 60rpx; | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| flex-wrap: wrap; | |||||
| view { | |||||
| width: 48%; | |||||
| height: 48%; | |||||
| background-color: #ccc; | |||||
| border-radius: 30rpx; | |||||
| image { | |||||
| max-width: 100%; | |||||
| max-height: 100%; | |||||
| } | |||||
| } | |||||
| } | |||||
| .createIng, | |||||
| .createEd { | |||||
| width: 100%; | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| .time { | |||||
| font-size: 40rpx; | |||||
| font-weight: 900; | |||||
| margin-top: 20rpx; | |||||
| margin-bottom: 10rpx; | |||||
| } | |||||
| .inform { | |||||
| margin-bottom: 30rpx; | |||||
| } | |||||
| .look { | |||||
| font-size: 40rpx; | |||||
| font-weight: 900; | |||||
| margin-top: 20rpx; | |||||
| margin-bottom: 30rpx; | |||||
| } | |||||
| button { | |||||
| width: 70% !important; | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @@ -4,7 +4,7 @@ | |||||
| <view class="avatarBox"> | <view class="avatarBox"> | ||||
| <up-avatar :src="avatarUrl" size="150"></up-avatar> | <up-avatar :src="avatarUrl" size="150"></up-avatar> | ||||
| <view class="changeAvatar"> | <view class="changeAvatar"> | ||||
| <image src="../../assets/icon/reset.png" mode="scaleToFill" /> | |||||
| <image src="../../assets/icon/reset.png" mode="aspectFit" /> | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <!-- 金币 --> | <!-- 金币 --> | ||||
| @@ -23,7 +23,7 @@ | |||||
| @click="clickTabHandle" | @click="clickTabHandle" | ||||
| ></u-tabs> | ></u-tabs> | ||||
| <!-- 显示风格列表内容 --> | <!-- 显示风格列表内容 --> | ||||
| <view v-show="showListActive == 2" class="showStyleList"> | |||||
| <view v-show="showListActive == 1" class="showStyleList"> | |||||
| <view class="showListItem"> | <view class="showListItem"> | ||||
| <view class="top"> | <view class="top"> | ||||
| <text>风格名称</text> | <text>风格名称</text> | ||||
| @@ -41,7 +41,7 @@ | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <!-- 显示邀请列表内容 --> | <!-- 显示邀请列表内容 --> | ||||
| <view v-show="showListActive == 3" class="showInviteList"> | |||||
| <view v-show="showListActive == 2" class="showInviteList"> | |||||
| <view v-for="item in 3" class="InviteList"> | <view v-for="item in 3" class="InviteList"> | ||||
| <up-avatar :src="avatarUrl" size="50"></up-avatar> | <up-avatar :src="avatarUrl" size="50"></up-avatar> | ||||
| <view class="info"> | <view class="info"> | ||||
| @@ -52,7 +52,7 @@ | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <!-- 显示消费列表内容 --> | <!-- 显示消费列表内容 --> | ||||
| <view v-show="showListActive == 1" class="showOrderList"> | |||||
| <view v-show="showListActive == 3" class="showOrderList"> | |||||
| <view class="top"> | <view class="top"> | ||||
| <text>名称</text> | <text>名称</text> | ||||
| <text>时间</text> | <text>时间</text> | ||||
| @@ -45,12 +45,12 @@ const checkboxList1 = reactive([ | |||||
| function toCreate() { | function toCreate() { | ||||
| if (checkboxValue1.value[0]) { | if (checkboxValue1.value[0]) { | ||||
| handleLogin(); | handleLogin(); | ||||
| // uni.redirectTo({ | |||||
| // url: "/pages/uploadPhoto/uploadPhoto", | |||||
| // }); | |||||
| uni.redirectTo({ | |||||
| url: "/pages/uploadPhoto/uploadPhoto", | |||||
| }); | |||||
| } else { | } else { | ||||
| uni.showToast({ | uni.showToast({ | ||||
| title: "请先勾选", | |||||
| title: "请先同意用户协议", | |||||
| icon: "none", | icon: "none", | ||||
| }); | }); | ||||
| } | } | ||||
| @@ -36,7 +36,7 @@ | |||||
| 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="toCreate" | |||||
| @click="toCloseStyle" | |||||
| ></up-button> | ></up-button> | ||||
| <view class="tips">请按照样片上传您五官清晰的正面照片</view> | <view class="tips">请按照样片上传您五官清晰的正面照片</view> | ||||
| <view class="demoImgBox"> | <view class="demoImgBox"> | ||||
| @@ -75,6 +75,19 @@ function chooseImage() { | |||||
| }); | }); | ||||
| } | } | ||||
| function toCloseStyle() { | |||||
| if (showImgUrl.value) { | |||||
| uni.redirectTo({ | |||||
| url: "/pages/closeStyle/closeStyle", | |||||
| }); | |||||
| } else { | |||||
| uni.showToast({ | |||||
| title: "请先上传图片", | |||||
| icon: "none", | |||||
| }); | |||||
| } | |||||
| } | |||||
| //#endregion --------------------- | //#endregion --------------------- | ||||
| //#region | //#region | ||||