-
![]()
-
-
+
+
+
+
![]()
+
+
+
+
@@ -340,6 +343,35 @@ export default defineComponent({
};
},
},
+ directives:{
+ mousewheel:{
+ mounted (el) {
+ // let bodyDom:any = document.getElementsByClassName('right_content_block')[0]
+ let dom:any = document.getElementsByClassName('modal_img_x')
+ let mouseover = ()=>{
+ // bodyDom.classList.add('active')
+ }
+ let mouseleave = ()=>{
+ // bodyDom.classList.remove('active')
+ }
+ dom.forEach((item:any) => {
+ item.addEventListener('mouseover',mouseover)
+ item.addEventListener('mouseleave',mouseleave)
+ });
+
+
+ el.addEventListener('wheel',(e:WheelEvent)=>{
+ let num = 0
+ if(e.deltaY > 0){
+ num = 25
+ }else{
+ num = -25
+ }
+ el.scrollBy(num, 0);
+ },true)
+ }
+ }
+ },
watch:{
workspaceCom(newVal,oldVal){
this.workspace = newVal
@@ -924,12 +956,16 @@ export default defineComponent({
.modal_img{
width: 40rem;
height: 5rem;
- overflow-x: hidden;
+ // overflow-x: hidden;
display: flex;
flex-direction: row;
+ overflow-y: hidden;
&.modal_img::-webkit-scrollbar {
display: none;
}
+ .mousewheel{
+ display: flex;
+ }
.modal_img_item{
width: 4rem;
height: 4rem;
@@ -938,6 +974,7 @@ export default defineComponent({
text-align: center;
cursor: pointer;
overflow: hidden;
+ flex-shrink: 0;
img{
// width: 100%;
width: auto;
diff --git a/src/lang/en.ts b/src/lang/en.ts
index 0360552e..1a88cd23 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -157,7 +157,7 @@ export default {
Library:'Library',
Generate:'Generate',
PIN:'PIN',
- Maximum:'Maximum 8 images can be uploaded, Maximum 2M per image',
+ Maximum:'Maximum {numTime} images can be uploaded, Maximum 2M per image',
Thumbnail:'Thumbnail preview of selected sketchboard',
inputContent1:'Caption generation',
maximumLength:'The entered content exceeds the maximum length.',
diff --git a/src/tool/guide.js b/src/tool/guide.js
index 28e6f3c5..7d50f3fc 100644
--- a/src/tool/guide.js
+++ b/src/tool/guide.js
@@ -141,6 +141,7 @@ const driverObj__ = driver({
},
//销毁前
onDestroyStarted:()=>{
+ console.log(213123123);
data = {
index : driverIndex__,
driver : false,
@@ -155,13 +156,13 @@ const driverObj__ = driver({
- onNextClick:(element, step, options) =>{
- // if(options.state.activeIndex == 2){
- // driverObj__.moveTo(4)
- // }else{
- // driverObj__.moveNext()
- // }
- }
+ // onNextClick:(element, step, options) =>{
+ // // if(options.state.activeIndex == 2){
+ // // driverObj__.moveTo(4)
+ // // }else{
+ // // driverObj__.moveNext()
+ // // }
+ // }
});
function addDiv(element){
element.style.posiiton = 'relative'
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index aabe19e7..cdd08f5a 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -369,29 +369,6 @@ export default defineComponent({
directives:{
mousewheel:{
mounted (el) {
- // let parent = el.parentNode
- // let num = 0
- // let width = el.offsetWidth
- // let parentWidth = parent.offsetWidth
- // el.addEventListener('mouseover',()=>{
- // width = el.offsetWidth
- // parentWidth = parent.offsetWidth
- // })
- // el.addEventListener('mousewheel',(e:MouseEvent)=>{
- // if(0>(e as WheelEvent).deltaY && width>parentWidth){
- // num+=25
- // if(num >= 0){
- // num = 0
- // }
- // }else if(0<(e as WheelEvent).deltaY && width>parentWidth){
- // num-=25
- // if(num<=parentWidth - width){
- // num = parentWidth - width
- // }
-
- // }
- // el.style.marginLeft = num+'px'
- // })
let bodyDom:any = document.getElementsByClassName('right_content_block')[0]
let dom:any = document.getElementsByClassName('right_content_body')
let mouseover = ()=>{