diff --git a/miniprogram/HuiYa/app.json b/miniprogram/HuiYa/app.json index 9596c908..ecb71024 100644 --- a/miniprogram/HuiYa/app.json +++ b/miniprogram/HuiYa/app.json @@ -1,6 +1,5 @@ { "pages": [ - "pages/home/index", "pages/make_convert/index", "pages/other/index", @@ -13,6 +12,8 @@ "pages/agree_privacy/index", "pages/records/index", "pages/text/index", + "pages/video/index", + "pages/music/index", "pages/text_res/index", "pages/sublevel/index" ], diff --git a/miniprogram/HuiYa/pages/music/index.js b/miniprogram/HuiYa/pages/music/index.js new file mode 100644 index 00000000..40e582ff --- /dev/null +++ b/miniprogram/HuiYa/pages/music/index.js @@ -0,0 +1,65 @@ +import { urlPrefix, ossAK, ossHost } from '../../config/index'; +import Toast, { hideToast } from 'tdesign-miniprogram/toast/index'; +Page({ + + /** + * 页面的初始数据 + */ + data: { + confirmBtn: { content: '知道了', variant: 'base' }, + showContentOnly: false, + dialog_conent: '', + prompt: '' + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + onShow() { + + }, + + //提示词输入框监听输入 + promptChangeHandle(e) { + this.setData({ + prompt: e.detail.value + }); + }, + + generateHandle(e) { + let that = this; + Toast({ + context: this, + selector: '#t-toast', + message: '生成中...', + theme: 'loading', + direction: 'column', + duration: -1 + }); + wx.request({ + url: urlPrefix + '/QingLong/HuiYa/wxWenToMusic', + method: "POST", + header: { + 'content-type': 'application/x-www-form-urlencoded' + }, + data: { + token: wx.getStorageSync('token'), + prompt: this.data.prompt + }, + success(res) { + hideToast({ + context: that, + selector: '#t-toast', + }); + that.setData({ showContentOnly: true, dialog_conent: res.data.message }) + } + }); + }, + closeDialog() { + this.setData({ showContentOnly: false }); + } +}) + diff --git a/miniprogram/HuiYa/pages/music/index.json b/miniprogram/HuiYa/pages/music/index.json new file mode 100644 index 00000000..7939bb37 --- /dev/null +++ b/miniprogram/HuiYa/pages/music/index.json @@ -0,0 +1,11 @@ +{ + "navigationBarTitleText": "AI音乐", + "usingComponents": { + "t-textarea": "tdesign-miniprogram/textarea/textarea", + "t-dropdown-menu": "tdesign-miniprogram/dropdown-menu/dropdown-menu", + "t-dropdown-item": "tdesign-miniprogram/dropdown-item/dropdown-item", + "t-toast": "tdesign-miniprogram/toast/toast", + "t-button": "tdesign-miniprogram/button/button", + "t-dialog": "tdesign-miniprogram/dialog/dialog" + } +} \ No newline at end of file diff --git a/miniprogram/HuiYa/pages/music/index.wxml b/miniprogram/HuiYa/pages/music/index.wxml new file mode 100644 index 00000000..1b1f8be7 --- /dev/null +++ b/miniprogram/HuiYa/pages/music/index.wxml @@ -0,0 +1,46 @@ + + + 消耗 200 + + + + + + + + + + 演示样例 + + + + + 音乐描述:一首关于整夜跳舞的流行歌曲 + + + + + + + + + + + + + + + + 立即生成 + + + + + + + \ No newline at end of file diff --git a/miniprogram/HuiYa/pages/music/index.wxss b/miniprogram/HuiYa/pages/music/index.wxss new file mode 100644 index 00000000..9f772dcf --- /dev/null +++ b/miniprogram/HuiYa/pages/music/index.wxss @@ -0,0 +1,126 @@ +page { + background-color: #FCF9FB; +} + +.personalContainer { + width: 100%; + height: 100%; +} + +.textarea-example { + margin: 20rpx; + background-color: #FCF9FB; + border-radius: 16rpx; + border: 1px solid #F7EDF5; +} + +.external-class { + height: 500rpx; + border-radius: 16rpx; +} + +.t-textarea__label { + font-size: 16px !important; + border-bottom: 1px solid #F7EDF5; + margin-bottom: 20rpx; +} + +.t-textarea__wrapper-inner { + font-size: 14px !important; +} + +.conView { + margin: 20rpx; +} + +.conItem { + width: 164px; + height: 50px; + background-color: #FFFFFF; + border: 1px solid #F7EDF5; + border-radius: 16rpx; + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 2px 0 8px; + font-size: 14px; +} + +.conTitle { + font-weight: bolder; +} + +.conRightIcon { + margin-left: 12rpx; + color: #c2c2c2; +} + +.generate-bottom { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + background-color: #fff; + /* padding-bottom: env(safe-area-inset-bottom); */ + height: 124rpx; + box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.3); + z-index: 99; +} + +.make_button { + z-index: 99; + width: 340px; + height: 46px; + border-radius: 50rpx; + background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%); + color: #fff; + font-size: 36rpx; + display: flex; + justify-content: center; + align-items: center; +} + +.t-dropdown-menu { + position: static !important; +} + +.jindou_view { + position: absolute; + top: 46rpx; + right: 40rpx; + display: flex; + align-items: center; + color: #FFD100; +} + +.image_upload_title { + display: flex; + align-items: center; + padding-bottom: 20rpx; +} + +.vb { + width: 6rpx; + height: 30rpx; + border-radius: 3rpx 3rpx 3rpx 3rpx; + background-image: linear-gradient(to bottom, #fbc2eb 0%, #a6c1ee 100%); + /* background-image: linear-gradient(to bottom, #fbc8d4 0%, #9795f0 100%); */ +} + +.text { + color: #000; + font-size: 30rpx; + font-weight: bold; + margin-left: 14rpx; +} + +.demoView { + border: 1px solid #F7EDF5; + border-radius: 16rpx; + background-color: #FFFFFF; + padding: 10px; +} + +.demoVideo { + margin-top: 10px; +} \ No newline at end of file diff --git a/miniprogram/HuiYa/pages/my/index.js b/miniprogram/HuiYa/pages/my/index.js index eb543fd2..10c2a733 100644 --- a/miniprogram/HuiYa/pages/my/index.js +++ b/miniprogram/HuiYa/pages/my/index.js @@ -71,6 +71,18 @@ Page({ }); }, + clickHandAIVid(e){ + wx.navigateTo({ + url: '/pages/video/index', + }); + }, + + clickHandAIMuc(e){ + wx.navigateTo({ + url: '/pages/music/index', + }); + }, + clickHandle(e) { wx.navigateTo({ url: '/pages/agree_privacy/index', diff --git a/miniprogram/HuiYa/pages/my/index.wxml b/miniprogram/HuiYa/pages/my/index.wxml index d598f2df..f3fa8eaf 100644 --- a/miniprogram/HuiYa/pages/my/index.wxml +++ b/miniprogram/HuiYa/pages/my/index.wxml @@ -54,14 +54,17 @@ --> + AI写作 > + AI音乐 > + AI视频 > diff --git a/miniprogram/HuiYa/pages/my/index.wxss b/miniprogram/HuiYa/pages/my/index.wxss index f863bd22..d1433208 100644 --- a/miniprogram/HuiYa/pages/my/index.wxss +++ b/miniprogram/HuiYa/pages/my/index.wxss @@ -9,6 +9,7 @@ position: relative; padding: 100rpx 30rpx 0; } + .user-section .bg { position: absolute; left: 0; @@ -16,24 +17,25 @@ width: 100%; height: 100%; opacity: 0.7; - filter: blur(1px); + filter: blur(1px); } -.user-info-box{ +.user-info-box { height: 180rpx; - display:flex; - align-items:center; - position:relative; + display: flex; + align-items: center; + position: relative; z-index: 1; } -.user-info-box .portrait{ +.user-info-box .portrait { width: 130rpx; height: 130rpx; - border:5rpx solid #fff; + border: 5rpx solid #fff; border-radius: 50%; } -.user-info-box .username{ + +.user-info-box .username { font-size: 24; color: #303133; margin-left: 20rpx; @@ -52,8 +54,8 @@ padding: 20rpx 24rpx; } -.vip-card-box .card-bg{ - position:absolute; +.vip-card-box .card-bg { + position: absolute; top: 20rpx; right: 0; width: 380rpx; @@ -62,7 +64,7 @@ -.vip-card-box .b-btn{ +.vip-card-box .b-btn { position: absolute; right: 20rpx; top: 30rpx; @@ -74,7 +76,8 @@ font-weight: bold; color: #36343c; border-radius: 20px; - /*background: linear-gradient(left, #f9e6af, #ffd465);*/ /*渐变不生效*/ + /*background: linear-gradient(left, #f9e6af, #ffd465);*/ + /*渐变不生效*/ background: #f9e6af; z-index: 1; } @@ -84,32 +87,34 @@ color: #f7d680; margin-bottom: 28rpx; } -.vip-card-box .tit .iconfont{ + +.vip-card-box .tit .iconfont { color: #f6e5a3; margin-right: 16rpx; } -.vip-card-box .e-m{ +.vip-card-box .e-m { font-size: 34rpx; margin-top: 10rpx; } -.vip-card-box .e-b{ + +.vip-card-box .e-b { font-size: 24rpx; color: #d8cba9; margin-top: 10rpx; } -.cover-container{ +.cover-container { margin-top: -150rpx; padding: 0 30rpx; - position:relative; + position: relative; background: #f5f5f5; padding-bottom: 20rpx; } -.cover-container .arc{ - position:absolute; +.cover-container .arc { + position: absolute; left: 0; top: -34rpx; width: 100%; @@ -154,9 +159,11 @@ display: flex; height: 160rpx; } + .personalContent .recentPlay { display: flex; } + .recentPlayContainer .title { padding-left: 20rpx; font-size: 26rpx; @@ -176,36 +183,67 @@ margin-top: 20rpx; } -.cardList .card-item{ + +.cardList .card-item { border-top: 1rpx solid #eee; height: 80rpx; line-height: 80rpx; padding: 10rpx; font-size: 26rpx; - color: #333; + color: #333; margin: 0 10rpx; + } + .cardList .card-item .more { float: right; } +.new_img1 { + width: 32px; + height: 32px; + position: absolute; + top: 20rpx; + left: 130rpx; +} + +.new_img2 { + width: 32px; + height: 32px; + position: absolute; + top: 120rpx; + left: 130rpx; +} + +.new_img3 { + width: 32px; + height: 32px; + position: absolute; + top: 220rpx; + left: 130rpx; +} + /* 最近播放记录 */ .recentScroll { display: flex; height: 250rpx; } + .recentItem { margin-right: 20rpx; } + .recentItem image { width: 200rpx; height: 200rpx; border-radius: 10rpx; } + .recentSongName { display: -webkit-box; - -webkit-box-orient: vertical; /**对齐模式*/ + -webkit-box-orient: vertical; + /**对齐模式*/ -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -} +} \ No newline at end of file diff --git a/miniprogram/HuiYa/pages/video/index.js b/miniprogram/HuiYa/pages/video/index.js new file mode 100644 index 00000000..99624bd1 --- /dev/null +++ b/miniprogram/HuiYa/pages/video/index.js @@ -0,0 +1,65 @@ +import { urlPrefix, ossAK, ossHost } from '../../config/index'; +import Toast, { hideToast } from 'tdesign-miniprogram/toast/index'; +Page({ + + /** + * 页面的初始数据 + */ + data: { + confirmBtn: { content: '知道了', variant: 'base' }, + showContentOnly: false, + dialog_conent: '', + prompt: '' + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + onShow() { + + }, + + //提示词输入框监听输入 + promptChangeHandle(e) { + this.setData({ + prompt: e.detail.value + }); + }, + + generateHandle(e) { + let that = this; + Toast({ + context: this, + selector: '#t-toast', + message: '生成中...', + theme: 'loading', + direction: 'column', + duration: -1 + }); + wx.request({ + url: urlPrefix + '/QingLong/HuiYa/wxWenToVideo', + method: "POST", + header: { + 'content-type': 'application/x-www-form-urlencoded' + }, + data: { + token: wx.getStorageSync('token'), + prompt: this.data.prompt + }, + success(res) { + hideToast({ + context: that, + selector: '#t-toast', + }); + that.setData({ showContentOnly: true, dialog_conent: res.data.message }) + } + }); + }, + closeDialog() { + this.setData({ showContentOnly: false }); + } +}) + diff --git a/miniprogram/HuiYa/pages/video/index.json b/miniprogram/HuiYa/pages/video/index.json new file mode 100644 index 00000000..19f7f615 --- /dev/null +++ b/miniprogram/HuiYa/pages/video/index.json @@ -0,0 +1,11 @@ +{ + "navigationBarTitleText": "AI视频", + "usingComponents": { + "t-textarea": "tdesign-miniprogram/textarea/textarea", + "t-dropdown-menu": "tdesign-miniprogram/dropdown-menu/dropdown-menu", + "t-dropdown-item": "tdesign-miniprogram/dropdown-item/dropdown-item", + "t-toast": "tdesign-miniprogram/toast/toast", + "t-button": "tdesign-miniprogram/button/button", + "t-dialog": "tdesign-miniprogram/dialog/dialog" + } +} \ No newline at end of file diff --git a/miniprogram/HuiYa/pages/video/index.wxml b/miniprogram/HuiYa/pages/video/index.wxml new file mode 100644 index 00000000..6aac10bc --- /dev/null +++ b/miniprogram/HuiYa/pages/video/index.wxml @@ -0,0 +1,46 @@ + + + 消耗 200 + + + + + + + + + + 演示样例 + + + + + 视频描述:1个女孩,走在街上 + + + + + + + + + + + + + + + + 立即生成 + + + + + + + \ No newline at end of file diff --git a/miniprogram/HuiYa/pages/video/index.wxss b/miniprogram/HuiYa/pages/video/index.wxss new file mode 100644 index 00000000..9f772dcf --- /dev/null +++ b/miniprogram/HuiYa/pages/video/index.wxss @@ -0,0 +1,126 @@ +page { + background-color: #FCF9FB; +} + +.personalContainer { + width: 100%; + height: 100%; +} + +.textarea-example { + margin: 20rpx; + background-color: #FCF9FB; + border-radius: 16rpx; + border: 1px solid #F7EDF5; +} + +.external-class { + height: 500rpx; + border-radius: 16rpx; +} + +.t-textarea__label { + font-size: 16px !important; + border-bottom: 1px solid #F7EDF5; + margin-bottom: 20rpx; +} + +.t-textarea__wrapper-inner { + font-size: 14px !important; +} + +.conView { + margin: 20rpx; +} + +.conItem { + width: 164px; + height: 50px; + background-color: #FFFFFF; + border: 1px solid #F7EDF5; + border-radius: 16rpx; + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 2px 0 8px; + font-size: 14px; +} + +.conTitle { + font-weight: bolder; +} + +.conRightIcon { + margin-left: 12rpx; + color: #c2c2c2; +} + +.generate-bottom { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + background-color: #fff; + /* padding-bottom: env(safe-area-inset-bottom); */ + height: 124rpx; + box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.3); + z-index: 99; +} + +.make_button { + z-index: 99; + width: 340px; + height: 46px; + border-radius: 50rpx; + background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%); + color: #fff; + font-size: 36rpx; + display: flex; + justify-content: center; + align-items: center; +} + +.t-dropdown-menu { + position: static !important; +} + +.jindou_view { + position: absolute; + top: 46rpx; + right: 40rpx; + display: flex; + align-items: center; + color: #FFD100; +} + +.image_upload_title { + display: flex; + align-items: center; + padding-bottom: 20rpx; +} + +.vb { + width: 6rpx; + height: 30rpx; + border-radius: 3rpx 3rpx 3rpx 3rpx; + background-image: linear-gradient(to bottom, #fbc2eb 0%, #a6c1ee 100%); + /* background-image: linear-gradient(to bottom, #fbc8d4 0%, #9795f0 100%); */ +} + +.text { + color: #000; + font-size: 30rpx; + font-weight: bold; + margin-left: 14rpx; +} + +.demoView { + border: 1px solid #F7EDF5; + border-radius: 16rpx; + background-color: #FFFFFF; + padding: 10px; +} + +.demoVideo { + margin-top: 10px; +} \ No newline at end of file diff --git a/miniprogram/HuiYa/static/images/new.png b/miniprogram/HuiYa/static/images/new.png new file mode 100644 index 00000000..55fa198a Binary files /dev/null and b/miniprogram/HuiYa/static/images/new.png differ