congzc 1 year ago
parent
commit
77e5fa6dfe
3 changed files with 25 additions and 22 deletions
  1. +0
    -19
      src/pages/closeStyle/closeStyle.vue
  2. +19
    -3
      src/pages/home/index.vue
  3. +6
    -0
      src/style/my.scss

+ 0
- 19
src/pages/closeStyle/closeStyle.vue View File

@@ -4,25 +4,6 @@
><image src="../../assets/text/closeStyleText.png" mode="aspectFit" ><image src="../../assets/text/closeStyleText.png" mode="aspectFit"
/></view> /></view>


<!-- <view>
<scroll-view
:scroll-top="scrollTop"
scroll-y="true"
class="scroll-Y"
@scrolltolower="scrolltolower"
>
<view
v-for="item in styleList"
:key="index"
class="styleInfo"
@click="createPhoto"
>
<image src="../../assets/icon/uploadImg.png" />
<text>样式风格</text>
</view>
</scroll-view>
</view> -->

<u-list class="styleListBox" @scrolltolower="scrolltolower"> <u-list class="styleListBox" @scrolltolower="scrolltolower">
<u-list-item class="glodYBox"> <u-list-item class="glodYBox">
<u-list-item <u-list-item


+ 19
- 3
src/pages/home/index.vue View File

@@ -3,7 +3,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 @click="chooseAvatar" class="changeAvatar">
<image src="../../assets/icon/reset.png" mode="aspectFit" /> <image src="../../assets/icon/reset.png" mode="aspectFit" />
</view> </view>
</view> </view>
@@ -24,7 +24,7 @@
></u-tabs> ></u-tabs>
<!-- 显示风格列表内容 --> <!-- 显示风格列表内容 -->
<view v-show="showListActive == 1" class="showStyleList"> <view v-show="showListActive == 1" class="showStyleList">
<view class="showListItem">
<view v-for="item in 7" :key="item" class="showListItem">
<view class="top"> <view class="top">
<text>风格名称</text> <text>风格名称</text>
<text>生成时间</text> <text>生成时间</text>
@@ -80,6 +80,21 @@ import { voiceTotalApi } from "../../api/login.js";
//#region 头像 //#region 头像
const avatarUrl = ref(null); const avatarUrl = ref(null);
function chooseAvatar(params) {
uni.chooseImage({
count: 1, // 最多可以选择的图片张数,这里设置为1,只选择一张图片
success: (res) => {
const tempFilePaths = res.tempFilePaths;
avatarUrl.value = tempFilePaths[0];
// TODO: 在这里处理图片上传逻辑,你可以调用上传接口将图片上传到服务器
// 示例代码:
// uploadImageToServer(tempFilePaths[0]);
},
fail: (err) => {
console.error("选择图片失败", err);
},
});
}
function goBuyCoin() { function goBuyCoin() {
uni.navigateTo({ uni.navigateTo({
url: "buyCoin", url: "buyCoin",
@@ -206,7 +221,7 @@ function clickTabHandle(e) {
background-color: #e9e9e9; background-color: #e9e9e9;
} }
.OrderListItem { .OrderListItem {
margin-top: 15rpx;
// margin-top: 15rpx;
padding: 0 15rpx; padding: 0 15rpx;
width: 100%; width: 100%;
display: flex; display: flex;
@@ -215,6 +230,7 @@ function clickTabHandle(e) {
border-bottom: 5rpx solid #fff; border-bottom: 5rpx solid #fff;
border-radius: 15rpx; border-radius: 15rpx;
justify-content: space-between; justify-content: space-between;
background-color: #fff;
} }
.otherBgc { .otherBgc {
background-color: #f6f7f9; background-color: #f6f7f9;


+ 6
- 0
src/style/my.scss View File

@@ -4,6 +4,12 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 20rpx; padding: 20rpx;
background-color: #fff;
// min-height: 100vh;
}
body {
background-color: #fff !important;
} }
view { view {


Loading…
Cancel
Save