openkylin
/
ura-components
mirror of https://gitee.com/openkylin/ura-components.git
9
0
Fork 0
Code Issues Projects Releases Wiki Activity

swiper remove log

This commit is contained in:
duanzhijiang 2023-01-05 20:46:16 +08:00
parent 0b43a1cda1
commit da13b6a89e
1 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/swiper/swiper.ts
View File

@ -190,7 +190,7 @@ export class StarLockNumber extends StarBaseElement {
} }
ulWidth(enlarge: Boolean) { ulWidth(enlarge: Boolean) {
if (enlarge) { if (enlarge) {
console.log('预览') /* 预览 */
this.cur_ul_width = this.cur_ul_width =
(this.figure_arr.length + 1) * (this.figure_arr.length + 1) *
(this.cur_li_width + this.cur_li_margin_right) * (this.cur_li_width + this.cur_li_margin_right) *
@ -198,16 +198,12 @@ export class StarLockNumber extends StarBaseElement {
this.cur_ul.style.setProperty('width', this.cur_ul_width + 'px') this.cur_ul.style.setProperty('width', this.cur_ul_width + 'px')
this.cur_ul.style.setProperty('left', 487 - 124 * this.index + 'vw') this.cur_ul.style.setProperty('left', 487 - 124 * this.index + 'vw')
} else { } else {
console.log('非预览') /* 非预览 */
this.cur_ul_width = this.cur_ul_width =
(this.figure_arr.length + 1) * (this.figure_arr.length + 1) *
(this.cur_li_width + this.cur_li_margin_right) (this.cur_li_width + this.cur_li_margin_right)
this.cur_ul.style.setProperty('width', this.cur_ul_width + 'px') this.cur_ul.style.setProperty('width', this.cur_ul_width + 'px')
this.cur_ul.style.setProperty('left', 28.4 - 53.6 * this.index + 'vw') this.cur_ul.style.setProperty('left', 28.4 - 53.6 * this.index + 'vw')
console.log('this.cur_li_width', this.cur_li_width)
console.log('this.cur_li_margin_right', this.cur_li_margin_right)
console.log('this.figure_arr.length + 1', this.figure_arr.length + 1)
console.log('this.cur_ul_width', this.cur_ul_width)
} }
} }
touchStart(e: TouchEvent) { touchStart(e: TouchEvent) {
@ -253,7 +249,6 @@ export class StarLockNumber extends StarBaseElement {
'transition', 'transition',
'left .3s cubic-bezier(.05,.62,.42,.9)' 'left .3s cubic-bezier(.05,.62,.42,.9)'
) )
console.log('index', this.index)
//清零移动距离 //清零移动距离
this.distanceX = 0 this.distanceX = 0
} else { } else {
@ -283,7 +278,6 @@ export class StarLockNumber extends StarBaseElement {
'transition', 'transition',
'left .3s cubic-bezier(.05,.62,.42,.9)' 'left .3s cubic-bezier(.05,.62,.42,.9)'
) )
console.log('index', this.index)
//清零移动距离 //清零移动距离
this.distanceX = 0 this.distanceX = 0
} }
@ -342,7 +336,7 @@ export class StarLockNumber extends StarBaseElement {
touchStartMenu(e: TouchEvent) { touchStartMenu(e: TouchEvent) {
this.type = data.type[this.index] this.type = data.type[this.index]
if ((e.target as Element).id === 'onlyStyle') { if ((e.target as Element).id === 'onlyStyle') {
console.log('onlyStyle') // console.log('onlyStyle')
this.menu.removeAttribute('style') this.menu.removeAttribute('style')
// this.menu.style.setProperty('animation', 'sliderBack .5s') // this.menu.style.setProperty('animation', 'sliderBack .5s')
// this.menu.style.setProperty('animation-fill-mode', 'forwards') // this.menu.style.setProperty('animation-fill-mode', 'forwards')
@ -360,7 +354,7 @@ export class StarLockNumber extends StarBaseElement {
//预览时点击应用会保存预览变大的状态 //预览时点击应用会保存预览变大的状态
this.enlarge ? this.preview() : '' this.enlarge ? this.preview() : ''
} else if ((e.target as Element).id === 'styleAndWallpaper') { } else if ((e.target as Element).id === 'styleAndWallpaper') {
console.log('styleAndWallpaper') // console.log('styleAndWallpaper')
this.menu.removeAttribute('style') this.menu.removeAttribute('style')
// this.menu.style.setProperty('animation', 'sliderBack .5s') // this.menu.style.setProperty('animation', 'sliderBack .5s')
// this.menu.style.setProperty('animation-fill-mode', 'forwards') // this.menu.style.setProperty('animation-fill-mode', 'forwards')
@ -378,7 +372,7 @@ export class StarLockNumber extends StarBaseElement {
//预览时点击应用会保存预览变大的状态 //预览时点击应用会保存预览变大的状态
this.enlarge ? this.preview() : '' this.enlarge ? this.preview() : ''
} else if ((e.target as Element).id === 'menuCancel') { } else if ((e.target as Element).id === 'menuCancel') {
console.log('menuCancel') // console.log('menuCancel')
this.menu.removeAttribute('style') this.menu.removeAttribute('style')
this.menu.style.setProperty('animation', 'sliderBack .5s') this.menu.style.setProperty('animation', 'sliderBack .5s')
this.menu.style.setProperty('animation-fill-mode', 'forwards') this.menu.style.setProperty('animation-fill-mode', 'forwards')