'commit'

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"
   ],

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 });
+  }
+})
+

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"
+  }
+}

miniprogram/HuiYa/pages/music/index.wxml

@@ -0,0 +1,46 @@
+<view class="personalContainer">
+  <view class="jindou_view">
+    消耗 200
+    <image src="/static/images/jd.png" style="width: 16px;height: 16px;margin:0 10rpx;"></image>
+  </view>
+  <view class="textarea-example">
+    <t-textarea t-class="external-class" label="音乐内容描述" placeholder="请输入音乐内容描述" maxlength="200" indicator disableDefaultPadding="{{true}}" bind:change="promptChangeHandle" value="{{prompt}}" placeholderStyle="font-size:14px" style="{{style}}" />
+  </view>
+
+  <view class="conView">
+    <view class="image_upload_title">
+      <view class="vb"></view>
+      <view class="text">演示样例</view>
+    </view>
+
+    <view class="demoView">
+      <view >
+        音乐描述：一首关于整夜跳舞的流行歌曲
+      </view>
+      <view class="demoVideo">
+        <video src="http://hzkc.oss-cn-beijing.aliyuncs.com/Images/temp/demoMusic.mp4" style="width: 100%;"></video>
+      </view>
+    </view>
+
+
+
+
+  </view>
+
+
+  <view class="generate-bottom">
+    <view style="width: 100%;display: flex;justify-content: center;align-items: center;margin-top: 20rpx;">
+      <view class="make_button" bind:tap="generateHandle">
+        <text>立即生成</text>
+      </view>
+    </view>
+  </view>
+
+  <t-toast id="t-toast" bind:close="toast_close" />
+  <t-dialog
+  visible="{{showContentOnly}}"
+  content="{{dialog_conent}}"
+  confirm-btn="{{ confirmBtn }}"
+  bind:confirm="closeDialog"
+/>
+</view>

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;
+}

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',

miniprogram/HuiYa/pages/my/index.wxml

@@ -54,14 +54,17 @@
         </view> -->
        
         <view class="card-item" bind:tap="clickHandAITxt">
+          <image src="/static/images/new.png" class="new_img1"></image>
           <text class="title">AI写作</text>
           <text class="more"> > </text>
         </view>
         <view class="card-item" bind:tap="clickHandAIMuc">
+          <image src="/static/images/new.png" class="new_img2"></image>
           <text class="title">AI音乐</text>
           <text class="more"> > </text>
         </view>
         <view class="card-item" bind:tap="clickHandAIVid">
+          <image src="/static/images/new.png" class="new_img3"></image>
           <text class="title">AI视频</text>
           <text class="more"> > </text>
         </view>

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;
+  display: flex;
-  align-items:center;
+  align-items: center;
-  position:relative;
+  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{
+.vip-card-box .card-bg {
-  position:absolute;
+  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{
+.cover-container .arc {
-  position:absolute;
+  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;
-}
+}

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 });
+  }
+})
+

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"
+  }
+}

miniprogram/HuiYa/pages/video/index.wxml

@@ -0,0 +1,46 @@
+<view class="personalContainer">
+  <view class="jindou_view">
+    消耗 200
+    <image src="/static/images/jd.png" style="width: 16px;height: 16px;margin:0 10rpx;"></image>
+  </view>
+  <view class="textarea-example">
+    <t-textarea t-class="external-class" label="视频内容描述" placeholder="请输入视频内容描述" maxlength="200" indicator disableDefaultPadding="{{true}}" bind:change="promptChangeHandle" value="{{prompt}}" placeholderStyle="font-size:14px" style="{{style}}" />
+  </view>
+
+  <view class="conView">
+    <view class="image_upload_title">
+      <view class="vb"></view>
+      <view class="text">演示样例</view>
+    </view>
+
+    <view class="demoView">
+      <view >
+        视频描述：1个女孩，走在街上
+      </view>
+      <view class="demoVideo">
+        <video src="http://hzkc.oss-cn-beijing.aliyuncs.com/Images/temp/demoVideo.mp4" style="width: 100%;"></video>
+      </view>
+    </view>
+
+
+
+
+  </view>
+
+
+  <view class="generate-bottom">
+    <view style="width: 100%;display: flex;justify-content: center;align-items: center;margin-top: 20rpx;">
+      <view class="make_button" bind:tap="generateHandle">
+        <text>立即生成</text>
+      </view>
+    </view>
+  </view>
+
+  <t-toast id="t-toast" bind:close="toast_close" />
+  <t-dialog
+  visible="{{showContentOnly}}"
+  content="{{dialog_conent}}"
+  confirm-btn="{{ confirmBtn }}"
+  bind:confirm="closeDialog"
+/>
+</view>

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;
+}