1111
This commit is contained in:
@@ -13,15 +13,14 @@
|
||||
</view>
|
||||
<view class="container">
|
||||
<view class="row">
|
||||
<view class="left">{{editorType=='info'?'病例信息':'总结与讨论'}}</view>
|
||||
<view class="left">{{editorType=='info'?'病例信息':'总结与讨论'}}<text class="tip" v-if="editorType=='result'">(可不填)</text></view>
|
||||
<view class="right" @click="clearMuBan" v-if="editorType=='info'">
|
||||
<u-icon name="trash" color="#6B7280" size="18"></u-icon>
|
||||
清除模板
|
||||
</view>
|
||||
</view>
|
||||
<view class="editorbox">
|
||||
<sv-editor
|
||||
class="ql-container"
|
||||
<sv-editor
|
||||
:placeholder="placeholder"
|
||||
eid="peditor"
|
||||
@ready="ready"
|
||||
@@ -33,19 +32,21 @@
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="toolbar" v-show="keyboardHeight > 0" :style="{bottom: isIOS?keyboardHeight : 0+'px'}">
|
||||
<view class="toolbar" >
|
||||
<view class="toolbox">
|
||||
<view class="cellbox">
|
||||
<view class="cell"
|
||||
@click="insertImage"
|
||||
|
||||
>
|
||||
<up--image
|
||||
:src="photoImg"
|
||||
class="headImg"
|
||||
width="32rpx"
|
||||
height="32rpx"
|
||||
></up--image>
|
||||
<view class="imgbox" :class="{active:!isIOS}">
|
||||
<up--image
|
||||
:src="photoImg"
|
||||
class="headImg"
|
||||
width="32rpx"
|
||||
height="32rpx"
|
||||
></up--image>
|
||||
</view>
|
||||
<view class="name">添加图片</view>
|
||||
</view>
|
||||
<view
|
||||
@@ -53,12 +54,15 @@
|
||||
@click="insertVideo"
|
||||
|
||||
>
|
||||
<up--image
|
||||
:src="videoImg"
|
||||
class="headImg"
|
||||
width="32rpx"
|
||||
height="32rpx"
|
||||
></up--image>
|
||||
<view class="imgbox" :class="{active:!isIOS}">
|
||||
<up--image
|
||||
:src="videoImg"
|
||||
class="headImg"
|
||||
width="32rpx"
|
||||
height="32rpx"
|
||||
></up--image>
|
||||
</view>
|
||||
|
||||
<view class="name">添加视频</view>
|
||||
</view>
|
||||
<view
|
||||
@@ -67,14 +71,15 @@
|
||||
|
||||
@click="alertTitle"
|
||||
>
|
||||
<up--image
|
||||
:src="addImg"
|
||||
class="headImg"
|
||||
width="32rpx"
|
||||
height="32rpx"
|
||||
></up--image>
|
||||
<view class="name">添加小标题</view>
|
||||
|
||||
<view class="imgbox" :class="{active:!isIOS}">
|
||||
<up--image
|
||||
:src="addImg"
|
||||
class="headImg"
|
||||
width="32rpx"
|
||||
height="32rpx"
|
||||
></up--image>
|
||||
</view>
|
||||
<view class="name">添加小标题</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@@ -134,6 +139,7 @@
|
||||
import videoImg from "@/static/videoicon.png";
|
||||
import { nextTick, reactive, ref,watch } from "vue";
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import videoface from "@/static/videoface.jpg";
|
||||
import api from "@/api/api";
|
||||
import dayjs from "dayjs";
|
||||
import {
|
||||
@@ -200,7 +206,7 @@
|
||||
// res = await this.editorCtx.createVideoThumbnail(videoUrl)
|
||||
// #endif
|
||||
|
||||
const fox = 'https://cn.bing.com//th?id=OHR.FlamingosNamibia_ZH-CN3639748956_1920x1080.jpg'
|
||||
const fox = videoface
|
||||
res = await editorCtx.value.createCoverThumbnail(fox)
|
||||
showEditor.value=false;
|
||||
return res
|
||||
@@ -221,7 +227,7 @@
|
||||
// res = await this.editorCtx.createVideoThumbnail(videoUrl)
|
||||
// #endif
|
||||
|
||||
const fox = 'https://cn.bing.com//th?id=OHR.FlamingosNamibia_ZH-CN3639748956_1920x1080.jpg'
|
||||
const fox = videoface
|
||||
res = await editorCtx.value.createCoverThumbnail(fox)
|
||||
showEditor.value=false;
|
||||
return res
|
||||
@@ -407,9 +413,8 @@
|
||||
async success(res) {
|
||||
if (res.statusCode === 204) {
|
||||
let url = host + "/" + dir + filename + imgType;
|
||||
console.log(editorCtx);
|
||||
let imgUrl =
|
||||
"https://cn.bing.com//th?id=OHR.FlamingosNamibia_ZH-CN3639748956_1920x1080.jpg";
|
||||
|
||||
let imgUrl =videoface;
|
||||
const fileThumbnail = await editorCtx.createCoverThumbnail(
|
||||
imgUrl
|
||||
);
|
||||
@@ -431,7 +436,7 @@
|
||||
});
|
||||
});
|
||||
if (videos) {
|
||||
uni.showLoading();
|
||||
uni.hideLoading();
|
||||
uni.showToast({ title: "添加视频成功", icon: "none" });
|
||||
} else {
|
||||
uni.showToast({ title: "添加视频失败", icon: "none" });
|
||||
@@ -473,6 +478,10 @@
|
||||
font-size: 38rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.tip {
|
||||
color: #9ca3af;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.right{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -547,20 +556,16 @@
|
||||
position: absolute;
|
||||
top: 180rpx;
|
||||
left: 0;
|
||||
bottom:250rpx;
|
||||
bottom:200rpx;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.editorbox{
|
||||
height:100%;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 16px;
|
||||
box-sizing:border-box;
|
||||
line-height: 1.5;
|
||||
overflow-y: scroll;
|
||||
|
||||
padding: 10rpx 30rpx 10rpx ;
|
||||
|
||||
}
|
||||
@@ -626,8 +631,16 @@
|
||||
align-items: center;
|
||||
/* justify-content: space-between; */
|
||||
}
|
||||
.imgbox{
|
||||
|
||||
width:32rpx;
|
||||
height:32rpx;
|
||||
}
|
||||
.imgbox.active{
|
||||
margin-top: -9rpx;
|
||||
}
|
||||
.cell {
|
||||
width:132rpx;
|
||||
width:134rpx;
|
||||
margin-right: 20rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
@@ -756,6 +769,26 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.upage :deep(.ql-container) {
|
||||
padding-bottom: 25rpx;
|
||||
height: calc(100vh - 600rpx)!important;
|
||||
}
|
||||
.upage :deep(.ql-container){
|
||||
padding-bottom: 25rpx;
|
||||
height: calc(100vh - 700rpx);
|
||||
}
|
||||
.upage :deep(.ql-container) img{
|
||||
max-width:100%;
|
||||
position: relative;
|
||||
left:50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.upage :deep(.ql-container) image{
|
||||
max-width:100%;
|
||||
position: relative;
|
||||
left:50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
/* #ifdef H5 */
|
||||
:deep(.ql-editor){
|
||||
position: absolute;
|
||||
|
||||
Reference in New Issue
Block a user