han
/
AI-Application-Scenarios
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

初始化

Browse Source
main
han 5 months ago
parent 1956fb5c67
commit 52137e6d81
6 changed files with 73 additions and 34 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 68
      src/assets/styles/v-layout.scss
  2. 5
      src/views/pages/AI-Document-Correction/index.vue
  3. 6
      src/views/pages/AI-Image-Generate/index.vue
  4. 16
      src/views/pages/AI-Marketing-Writing/index.vue
  5. 6
      src/views/pages/AI-Video-Generate/index.vue
  6. 6
      src/views/pages/AI-Voice-Generate/index.vue

68
src/assets/styles/v-layout.scss
Unescape View File

@ -106,7 +106,7 @@ $--base-super-radius: 24px;
font-size: 14px;
color: rgb(100, 116, 139);
border-radius: 8px;
border-color: $--border-color-light;
border-color: rgba(0,0,0,.08);
&:hover, &:focus {
background-color: rgba($--color-primary, .05);
@ -659,10 +659,31 @@ $--base-super-radius: 24px;
}
.ai-send-btn {
width: 24px;
cursor: pointer;
}
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
border-radius: 8px;
background-color: $--color-primary;
cursor: pointer;transition: all .4s;
&.disabled{opacity:.25; cursor: not-allowed; }
&.active{opacity:1;cursor: pointer}
.iconfont {
color: #fff
}
}
.ai-voice-btn{
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
border-radius: 8px;
font-size: 14px;
color: rgb(100, 116, 139);
border-radius: 8px;
border-color: rgba(0,0,0,.08);
}
.color-primary {
color: $--color-primary !important;
}
@ -1003,7 +1024,8 @@ body {
.ai-pages-input {
position: relative;
background: #fff;
border: 1px solid $--border-color-light;
border: 1px solid #e5e6eb;
box-shadow: 0 3px 8px #5d56a50d;
border-radius: 20px;
overflow: hidden;
@ -1011,8 +1033,8 @@ body {
border: none;
border-radius: 0;
padding: $--base-nomal-space;
}
.el-textarea__inner::placeholder {font-size: 16px;}
.ai-pages-input-bot {
position: absolute;
@ -1042,6 +1064,7 @@ body {
padding: $--base-small-space $--base-medium-space;
border-radius: $--base-small-radius;
border: 1px solid $--border-color-light;
box-shadow: 0 3px 8px #5d56a50d;
transition: all .4s;
cursor: pointer;
@ -1096,6 +1119,7 @@ body {
border-radius: $--base-small-radius;
border: 1px solid #fff;
margin: $--base-small-space 0;
box-shadow: 0 3px 8px #5d56a50d;
background-color: #fff;
overflow: hidden;
@ -1148,6 +1172,7 @@ body {
border-radius: $--base-small-radius;
border: 1px solid #fff;
margin: $--base-small-space 0;
box-shadow: 0 3px 8px #5d56a50d;
background-color: #fff;
overflow: hidden;
@ -1183,7 +1208,7 @@ body {
border-radius: $--base-small-radius;
border: 1px solid #fff;
background-color: #fff;
box-shadow: 0 3px 8px #5d56a50d;
overflow: hidden;
:after {
@ -1294,6 +1319,7 @@ body {
border: none;
background: #fff;
}
.el-input__inner::placeholder {font-size: 16px;}
}
.border {
@ -1530,14 +1556,22 @@ body {
background: #fff;
padding: 0 30px;
border: 1px solid $--border-color-light;
border: 1px solid #e5e6eb;
box-shadow: 0 3px 8px #5d56a50d;
border-radius: 20px;
text-align: center;
overflow: hidden;
.upload-type{
.item{margin: 0 30px;}
img{width: 40px}
}
.upload-type {
.item {
margin: 0 30px;
}
img {
width: 40px
}
}
.el-upload {
display: block;
}
@ -1545,9 +1579,11 @@ body {
&.large {
height: 200px;
}
&.knowledge{
border: 1px dashed $--border-color-light;
}
&.knowledge {
border: 1px dashed $--border-color-light;
}
.el-upload-dragger {
display: block;
padding: $--base-super-space 0;
@ -2108,7 +2144,7 @@ aie-footer {
color: rgba(0, 0, 0, .85);
font-size: 14px;
padding-left: 20px !important;
padding-right: 20px !important;
padding-right: 20px !important;
}
}

5
src/views/pages/AI-Document-Correction/index.vue
Unescape View File

@ -104,8 +104,9 @@
</el-form-item>
</el-form>
</div>
<div class="submit">
<img src="@/assets/ai-images/icon_send.svg" class="ai-send-btn" @click="gotoPages('form')"/>
<div class="submit row flex-justify-center flex-align-center">
<el-divider direction="vertical"></el-divider>
<div class="ai-send-btn active" @click="gotoPages('form')"><i class="iconfont icon-generate"></i></div>
</div>
</div>
</div>

6
src/views/pages/AI-Image-Generate/index.vue
Unescape View File

@ -60,8 +60,10 @@
</div>
</div>
<div class="right row flex-align-center">
<i class="iconfont icon-voice ai-icon-nomal pointer"></i>
<img src="@/assets/ai-images/icon_send.svg" class="ai-send-btn" @click="gotoPages()"/>
<!-- <el-button class="v-button-small" slot="reference" size="small"><i class="iconfont icon-voice pointer"></i>语音-->
<!-- </el-button>-->
<el-divider direction="vertical"></el-divider>
<div class="ai-send-btn" :class="textarea?'active':'disabled'" @click="gotoPages()"><i class="iconfont icon-generate"></i></div>
</div>
</div>
</div>

16
src/views/pages/AI-Marketing-Writing/index.vue
Unescape View File

@ -12,7 +12,7 @@
<div class="ai-pages-input">
<el-input
type="textarea"
placeholder="请输入您的创作主题"
placeholder="输入您的创作主题，开启自由体裁，为你构建独特创作流"
v-model="textarea"
:rows="8"
>
@ -21,7 +21,10 @@
<div class="left col row flex-align-center">
</div>
<div class="right row flex-align-center">
<img src="@/assets/ai-images/icon_send.svg" class="ai-send-btn" @click="gotoPages"/>
<!-- <el-button class="v-button-small" slot="reference" size="small"><i class="iconfont icon-voice pointer"></i>语音-->
<!-- </el-button>-->
<el-divider direction="vertical"></el-divider>
<div class="ai-send-btn" :class="textarea?'active':'disabled'" @click="gotoPages()"><i class="iconfont icon-generate"></i></div>
</div>
</div>
</div>
@ -72,14 +75,7 @@ export default {
]
},
gotoPages() {
if (!this.textarea) {
this.$message({
message: '请输入您的创作主题',
type: 'warning'
});
} else {
this.$router.push({name: 'MarketingWritingDialog', params: {prompt: this.textarea}});
}
this.$router.push({name: 'MarketingWritingDialog', params: {prompt: this.textarea}});
}
}
}

6
src/views/pages/AI-Video-Generate/index.vue
Unescape View File

@ -50,8 +50,10 @@
</div>
</div>
<div class="right row flex-align-center">
<i class="iconfont icon-voice ai-icon-nomal pointer"></i>
<img src="@/assets/ai-images/icon_send.svg" class="ai-send-btn" @click="gotoPages()"/>
<!-- <el-button class="v-button-small" slot="reference" size="small"><i class="iconfont icon-voice pointer"></i>语音-->
<!-- </el-button>-->
<el-divider direction="vertical"></el-divider>
<div class="ai-send-btn" :class="textarea?'active':'disabled'" @click="gotoPages()"><i class="iconfont icon-generate"></i></div>
</div>
</div>
</div>

6
src/views/pages/AI-Voice-Generate/index.vue
Unescape View File

@ -29,8 +29,10 @@
</el-button>
</div>
<div class="right row flex-align-center">
<i class="iconfont icon-voice ai-icon-nomal pointer"></i>
<img src="@/assets/ai-images/icon_send.svg" class="ai-send-btn" @click="gotoPages()"/>
<!-- <el-button class="v-button-small" slot="reference" size="small"><i class="iconfont icon-voice pointer"></i>语音-->
<!-- </el-button>-->
<el-divider direction="vertical"></el-divider>
<div class="ai-send-btn" :class="textarea?'active':'disabled'" @click="gotoPages()"><i class="iconfont icon-generate"></i></div>
</div>
</div>
</div>

Write Preview
Loading…
Cancel
Save