@nutui/nutui 2.3.4 → 2.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/.DS_Store +0 -0
- package/dist/assets/img/grid.png +0 -0
- package/dist/nutui.css +4 -2
- package/dist/nutui.css.map +1 -1
- package/dist/nutui.js +393 -154
- package/dist/nutui.js.map +1 -1
- package/dist/nutui.min.css +2 -2
- package/dist/nutui.min.js +3 -3
- package/dist/nutui.min.js.map +1 -1
- package/dist/nutui.scss +2 -1
- package/dist/packages/actionsheet/actionsheet.css +1 -1
- package/dist/packages/actionsheet/actionsheet.js +1 -1
- package/dist/packages/address/address.css +1 -1
- package/dist/packages/address/address.js +2 -2
- package/dist/packages/address/address.js.map +1 -1
- package/dist/packages/avatar/avatar.css +1 -1
- package/dist/packages/avatar/avatar.js +2 -2
- package/dist/packages/avatar/avatar.js.map +1 -1
- package/dist/packages/backtop/backtop.css +1 -1
- package/dist/packages/backtop/backtop.js +2 -2
- package/dist/packages/backtop/backtop.js.map +1 -1
- package/dist/packages/badge/badge.css +1 -1
- package/dist/packages/badge/badge.js +2 -2
- package/dist/packages/badge/badge.js.map +1 -1
- package/dist/packages/button/button.css +1 -1
- package/dist/packages/button/button.js +1 -1
- package/dist/packages/buttongroup/buttongroup.css +1 -1
- package/dist/packages/buttongroup/buttongroup.js +1 -1
- package/dist/packages/calendar/calendar.css +1 -1
- package/dist/packages/calendar/calendar.js +2 -2
- package/dist/packages/calendar/calendar.js.map +1 -1
- package/dist/packages/calendar/calendar.vue +1 -1
- package/dist/packages/cell/cell.css +1 -1
- package/dist/packages/cell/cell.js +2 -2
- package/dist/packages/cell/cell.js.map +1 -1
- package/dist/packages/checkbox/checkbox.css +1 -1
- package/dist/packages/checkbox/checkbox.js +2 -2
- package/dist/packages/checkboxgroup/checkboxgroup.css +1 -1
- package/dist/packages/checkboxgroup/checkboxgroup.js +2 -2
- package/dist/packages/checkboxgroup/checkboxgroup.js.map +1 -1
- package/dist/packages/circleprogress/circleprogress.css +1 -1
- package/dist/packages/circleprogress/circleprogress.js +2 -2
- package/dist/packages/circleprogress/circleprogress.js.map +1 -1
- package/dist/packages/col/col.css +1 -1
- package/dist/packages/col/col.js +1 -1
- package/dist/packages/collapse/collapse.css +1 -1
- package/dist/packages/collapse/collapse.js +2 -2
- package/dist/packages/collapse/collapse.js.map +1 -1
- package/dist/packages/collapseitem/collapseitem.css +1 -1
- package/dist/packages/collapseitem/collapseitem.js +2 -2
- package/dist/packages/collapseitem/collapseitem.js.map +1 -1
- package/dist/packages/countdown/countdown.css +1 -1
- package/dist/packages/countdown/countdown.js +2 -2
- package/dist/packages/countdown/countdown.js.map +1 -1
- package/dist/packages/countup/countup.css +2 -2
- package/dist/packages/countup/countup.js +2 -2
- package/dist/packages/countup/countup.js.map +1 -1
- package/dist/packages/countup/countup.scss +2 -1
- package/dist/packages/countup/countup.vue +22 -10
- package/dist/packages/coupon/coupon.css +1 -1
- package/dist/packages/coupon/coupon.js +2 -2
- package/dist/packages/coupon/coupon.js.map +1 -1
- package/dist/packages/datepicker/datepicker.css +1 -1
- package/dist/packages/datepicker/datepicker.js +2 -2
- package/dist/packages/datepicker/datepicker.js.map +1 -1
- package/dist/packages/dialog/dialog.css +1 -1
- package/dist/packages/dialog/dialog.js +2 -2
- package/dist/packages/dialog/dialog.js.map +1 -1
- package/dist/packages/drag/drag.css +1 -1
- package/dist/packages/drag/drag.js +2 -2
- package/dist/packages/drag/drag.js.map +1 -1
- package/dist/packages/elevator/elevator.css +1 -1
- package/dist/packages/elevator/elevator.js +2 -2
- package/dist/packages/elevator/elevator.js.map +1 -1
- package/dist/packages/fixednav/fixednav.css +1 -1
- package/dist/packages/fixednav/fixednav.js +2 -2
- package/dist/packages/fixednav/fixednav.js.map +1 -1
- package/dist/packages/flex/flex.css +1 -1
- package/dist/packages/flex/flex.js +2 -2
- package/dist/packages/flex/flex.js.map +1 -1
- package/dist/packages/icon/icon.css +1 -1
- package/dist/packages/icon/icon.js +1 -1
- package/dist/packages/imagepicker/imagepicker.css +1 -1
- package/dist/packages/imagepicker/imagepicker.js +2 -2
- package/dist/packages/imagepicker/imagepicker.js.map +1 -1
- package/dist/packages/infiniteloading/infiniteloading.css +1 -1
- package/dist/packages/infiniteloading/infiniteloading.js +2 -2
- package/dist/packages/infiniteloading/infiniteloading.js.map +1 -1
- package/dist/packages/infiniteloading/infiniteloading.vue +5 -1
- package/dist/packages/lazyload/lazyload.css +1 -1
- package/dist/packages/lazyload/lazyload.js +2 -2
- package/dist/packages/lazyload/lazyload.js.map +1 -1
- package/dist/packages/leftslip/leftslip.css +1 -1
- package/dist/packages/leftslip/leftslip.js +2 -2
- package/dist/packages/leftslip/leftslip.js.map +1 -1
- package/dist/packages/luckdraw/luckdraw.css +1 -1
- package/dist/packages/luckdraw/luckdraw.js +2 -2
- package/dist/packages/luckdraw/luckdraw.js.map +1 -1
- package/dist/packages/luckycard/luckycard.css +1 -1
- package/dist/packages/luckycard/luckycard.js +2 -2
- package/dist/packages/luckycard/luckycard.js.map +1 -1
- package/dist/packages/magic/magic.css +1 -1
- package/dist/packages/magic/magic.js +2 -2
- package/dist/packages/magic/magic.js.map +1 -1
- package/dist/packages/menu/menu.css +1 -1
- package/dist/packages/menu/menu.js +2 -2
- package/dist/packages/menu/menu.js.map +1 -1
- package/dist/packages/navbar/navbar.css +1 -1
- package/dist/packages/navbar/navbar.js +2 -2
- package/dist/packages/navbar/navbar.js.map +1 -1
- package/dist/packages/ninegrid/animation.scss +223 -0
- package/dist/packages/ninegrid/index.js +8 -0
- package/dist/packages/ninegrid/ninegrid.css +5 -0
- package/dist/packages/ninegrid/ninegrid.js +7 -0
- package/dist/packages/ninegrid/ninegrid.js.map +1 -0
- package/dist/packages/ninegrid/ninegrid.scss +132 -0
- package/dist/packages/ninegrid/ninegrid.vue +144 -0
- package/dist/packages/noticebar/noticebar.css +1 -1
- package/dist/packages/noticebar/noticebar.js +2 -2
- package/dist/packages/noticebar/noticebar.js.map +1 -1
- package/dist/packages/notify/notify.css +1 -1
- package/dist/packages/notify/notify.js +2 -2
- package/dist/packages/notify/notify.js.map +1 -1
- package/dist/packages/numberkeyboard/numberkeyboard.css +1 -1
- package/dist/packages/numberkeyboard/numberkeyboard.js +2 -2
- package/dist/packages/numberkeyboard/numberkeyboard.js.map +1 -1
- package/dist/packages/picker/picker.css +1 -1
- package/dist/packages/picker/picker.js +2 -2
- package/dist/packages/picker/picker.js.map +1 -1
- package/dist/packages/popup/popup.css +1 -1
- package/dist/packages/popup/popup.js +1 -1
- package/dist/packages/price/price.css +1 -1
- package/dist/packages/price/price.js +2 -2
- package/dist/packages/price/price.js.map +1 -1
- package/dist/packages/progress/progress.css +1 -1
- package/dist/packages/progress/progress.js +2 -2
- package/dist/packages/progress/progress.js.map +1 -1
- package/dist/packages/radio/radio.css +1 -1
- package/dist/packages/radio/radio.js +2 -2
- package/dist/packages/radio/radio.js.map +1 -1
- package/dist/packages/radiogroup/radiogroup.css +1 -1
- package/dist/packages/radiogroup/radiogroup.js +2 -2
- package/dist/packages/radiogroup/radiogroup.js.map +1 -1
- package/dist/packages/range/range.css +1 -1
- package/dist/packages/range/range.js +2 -2
- package/dist/packages/range/range.js.map +1 -1
- package/dist/packages/rate/rate.css +1 -1
- package/dist/packages/rate/rate.js +2 -2
- package/dist/packages/rate/rate.js.map +1 -1
- package/dist/packages/row/row.css +1 -1
- package/dist/packages/row/row.js +1 -1
- package/dist/packages/scroller/scroller.css +1 -1
- package/dist/packages/scroller/scroller.js +2 -2
- package/dist/packages/scroller/scroller.js.map +1 -1
- package/dist/packages/scroller/scroller.vue +5 -0
- package/dist/packages/scroller/vertical-scroll.vue +7 -2
- package/dist/packages/searchbar/searchbar.css +1 -1
- package/dist/packages/searchbar/searchbar.js +2 -2
- package/dist/packages/searchbar/searchbar.js.map +1 -1
- package/dist/packages/shortpassword/shortpassword.css +1 -1
- package/dist/packages/shortpassword/shortpassword.js +2 -2
- package/dist/packages/shortpassword/shortpassword.js.map +1 -1
- package/dist/packages/sidenavbar/sidenavbar.css +1 -1
- package/dist/packages/sidenavbar/sidenavbar.js +2 -2
- package/dist/packages/sidenavbar/sidenavbar.js.map +1 -1
- package/dist/packages/sidenavbaritem/sidenavbaritem.css +1 -1
- package/dist/packages/sidenavbaritem/sidenavbaritem.js +1 -1
- package/dist/packages/signature/signature.css +1 -1
- package/dist/packages/signature/signature.js +2 -2
- package/dist/packages/signature/signature.js.map +1 -1
- package/dist/packages/skeleton/skeleton.css +1 -1
- package/dist/packages/skeleton/skeleton.js +2 -2
- package/dist/packages/skeleton/skeleton.js.map +1 -1
- package/dist/packages/slider/slider.css +1 -1
- package/dist/packages/slider/slider.js +2 -2
- package/dist/packages/slider/slider.js.map +1 -1
- package/dist/packages/stepper/stepper.css +1 -1
- package/dist/packages/stepper/stepper.js +2 -2
- package/dist/packages/stepper/stepper.js.map +1 -1
- package/dist/packages/steps/steps.css +1 -1
- package/dist/packages/steps/steps.js +2 -2
- package/dist/packages/steps/steps.js.map +1 -1
- package/dist/packages/subsidenavbar/subsidenavbar.css +1 -1
- package/dist/packages/subsidenavbar/subsidenavbar.js +1 -1
- package/dist/packages/swiper/swiper.css +1 -1
- package/dist/packages/swiper/swiper.js +2 -2
- package/dist/packages/swiper/swiper.js.map +1 -1
- package/dist/packages/switch/switch.css +1 -1
- package/dist/packages/switch/switch.js +2 -2
- package/dist/packages/switch/switch.js.map +1 -1
- package/dist/packages/tab/tab.css +1 -1
- package/dist/packages/tab/tab.js +2 -2
- package/dist/packages/tab/tab.js.map +1 -1
- package/dist/packages/tab/tab.vue +1 -0
- package/dist/packages/tabbar/tabbar.css +1 -1
- package/dist/packages/tabbar/tabbar.js +2 -2
- package/dist/packages/tabbar/tabbar.js.map +1 -1
- package/dist/packages/tabbar/tabbar.vue +1 -1
- package/dist/packages/tabpanel/tabpanel.css +1 -1
- package/dist/packages/tabpanel/tabpanel.js +2 -2
- package/dist/packages/tabpanel/tabpanel.js.map +1 -1
- package/dist/packages/tabselect/tabselect.css +1 -1
- package/dist/packages/tabselect/tabselect.js +2 -2
- package/dist/packages/tabselect/tabselect.js.map +1 -1
- package/dist/packages/textbox/textbox.css +1 -1
- package/dist/packages/textbox/textbox.js +2 -2
- package/dist/packages/textbox/textbox.js.map +1 -1
- package/dist/packages/textinput/textinput.css +1 -1
- package/dist/packages/textinput/textinput.js +2 -2
- package/dist/packages/textinput/textinput.js.map +1 -1
- package/dist/packages/timeline/timeline.css +1 -1
- package/dist/packages/timeline/timeline.js +2 -2
- package/dist/packages/timeline/timeline.js.map +1 -1
- package/dist/packages/timelineitem/timelineitem.css +1 -1
- package/dist/packages/timelineitem/timelineitem.js +2 -2
- package/dist/packages/timelineitem/timelineitem.js.map +1 -1
- package/dist/packages/toast/toast.css +1 -1
- package/dist/packages/toast/toast.js +2 -2
- package/dist/packages/toast/toast.js.map +1 -1
- package/dist/packages/uploader/uploader.css +1 -1
- package/dist/packages/uploader/uploader.js +2 -2
- package/dist/packages/uploader/uploader.js.map +1 -1
- package/dist/packages/video/video.css +1 -1
- package/dist/packages/video/video.js +2 -2
- package/dist/packages/video/video.js.map +1 -1
- package/dist/types/nutui.d.ts +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="nut-ninegrid">
|
|
3
|
+
<div
|
|
4
|
+
v-for="(item, index) in gridList"
|
|
5
|
+
class="item"
|
|
6
|
+
:class="[{ active: activeState && index != 4 }, { shake: shakeIndexs.includes(index + 1) }]"
|
|
7
|
+
:key="index"
|
|
8
|
+
>
|
|
9
|
+
<div v-if="index == 4" class="center" @click="refresh(true)">
|
|
10
|
+
<img
|
|
11
|
+
:class="{ rotate: loadingDataState }"
|
|
12
|
+
src="//img13.360buyimg.com/imagetools/jfs/t1/190805/24/20092/1136/6126fce9E6c61cf21/acd44eec9fc694bd.png"
|
|
13
|
+
alt="refresh.png"
|
|
14
|
+
/>
|
|
15
|
+
<span>换一换</span>
|
|
16
|
+
<p>{{ countDown }}S 后自动换</p>
|
|
17
|
+
</div>
|
|
18
|
+
<template v-else>
|
|
19
|
+
<div class="front" @click="toDetail(item.front)">
|
|
20
|
+
<p>{{ item.front.name }}</p>
|
|
21
|
+
<nut-price class="price" :price="item.front.price" :thousands="true" />
|
|
22
|
+
<img :src="item.front.pictureUrl" />
|
|
23
|
+
</div>
|
|
24
|
+
<div class="back" @click="toDetail(item.back)">
|
|
25
|
+
<p>{{ item.back.name }}</p>
|
|
26
|
+
<nut-price class="price" :price="item.back.price" :thousands="true" />
|
|
27
|
+
<img :src="item.back.pictureUrl" />
|
|
28
|
+
</div>
|
|
29
|
+
</template>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
</template>
|
|
33
|
+
<script>
|
|
34
|
+
export default {
|
|
35
|
+
name: 'nut-ninegrid',
|
|
36
|
+
props: {
|
|
37
|
+
data: {
|
|
38
|
+
type: [Object, Array],
|
|
39
|
+
default: () => {
|
|
40
|
+
return [];
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
data() {
|
|
45
|
+
return {
|
|
46
|
+
gridList: [], // 数据list
|
|
47
|
+
activeState: false, // 去掉中间的换一换方块
|
|
48
|
+
shakeIndexs: [], // 动画抖一抖的下标
|
|
49
|
+
loadingDataState: false, // 换一换的小图标是否旋转 并且等它旋转完才可以再次点击
|
|
50
|
+
countDown: 10, // 倒计时时间
|
|
51
|
+
number: 0
|
|
52
|
+
};
|
|
53
|
+
},
|
|
54
|
+
watch: {
|
|
55
|
+
data: {
|
|
56
|
+
handler(value) {
|
|
57
|
+
if (value) {
|
|
58
|
+
this.resResponse(value);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
methods: {
|
|
64
|
+
resResponse(sudoku_goodsG) {
|
|
65
|
+
if (!(sudoku_goodsG.length > 15)) {
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
let list = sudoku_goodsG;
|
|
69
|
+
let spArrs = this.spArray(8, list);
|
|
70
|
+
let front = spArrs[0];
|
|
71
|
+
let back = spArrs[1];
|
|
72
|
+
let filterData = [];
|
|
73
|
+
front.forEach((element, index) => {
|
|
74
|
+
filterData.push({
|
|
75
|
+
front: element,
|
|
76
|
+
back: back[index]
|
|
77
|
+
});
|
|
78
|
+
});
|
|
79
|
+
filterData.splice(4, 0, {});
|
|
80
|
+
this.gridList = filterData;
|
|
81
|
+
},
|
|
82
|
+
beginTimeIntervar() {
|
|
83
|
+
this.timeIntervar = setInterval(() => {
|
|
84
|
+
this.countDown--;
|
|
85
|
+
if (this.countDown == 0) {
|
|
86
|
+
this.refresh();
|
|
87
|
+
}
|
|
88
|
+
if (this.countDown == 7) {
|
|
89
|
+
this.shakeIndexs = [2, 4, 6, 8];
|
|
90
|
+
} else if (this.countDown == 3) {
|
|
91
|
+
this.shakeIndexs = [1, 3, 7, 9];
|
|
92
|
+
}
|
|
93
|
+
}, 1000);
|
|
94
|
+
},
|
|
95
|
+
refresh(manual = false) {
|
|
96
|
+
if (this.loadingDataState) return;
|
|
97
|
+
this.number += 1;
|
|
98
|
+
this.countDown = 10;
|
|
99
|
+
this.shakeIndexs = [];
|
|
100
|
+
this.activeState = !this.activeState;
|
|
101
|
+
|
|
102
|
+
// 检查点击次数
|
|
103
|
+
if (this.number % 2 === 0) {
|
|
104
|
+
console.log(123);
|
|
105
|
+
this.$emit('refresh');
|
|
106
|
+
} else {
|
|
107
|
+
this.loadingDataState = true;
|
|
108
|
+
setTimeout(() => {
|
|
109
|
+
this.loadingDataState = false;
|
|
110
|
+
}, 1000);
|
|
111
|
+
}
|
|
112
|
+
},
|
|
113
|
+
/**
|
|
114
|
+
* 跳转详情
|
|
115
|
+
* @param item skuItem
|
|
116
|
+
*/
|
|
117
|
+
toDetail(item) {
|
|
118
|
+
// 跳转商详
|
|
119
|
+
this.$emit('toDetail', item);
|
|
120
|
+
},
|
|
121
|
+
/**
|
|
122
|
+
*
|
|
123
|
+
* 数组拆分函数
|
|
124
|
+
* @static
|
|
125
|
+
* @param {number} N 拆分长度
|
|
126
|
+
* @param {any[]} Q 将要拆分的数组
|
|
127
|
+
* @returns {Array}
|
|
128
|
+
* @memberof Utils
|
|
129
|
+
*/
|
|
130
|
+
spArray(N, Q) {
|
|
131
|
+
let R = [],
|
|
132
|
+
F;
|
|
133
|
+
for (F = 0; F < Q.length; ) {
|
|
134
|
+
R.push(Q.slice(F, (F += N)));
|
|
135
|
+
}
|
|
136
|
+
return R;
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
mounted() {
|
|
140
|
+
this.resResponse(this.data);
|
|
141
|
+
this.beginTimeIntervar();
|
|
142
|
+
}
|
|
143
|
+
};
|
|
144
|
+
</script>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v2.3.
|
|
2
|
+
* @nutui/nutui v2.3.7 - noticebar.css, 78f455d4cba8a497b5f5, Wed Dec 22 2021 20:57:26 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2017-2020 JDC
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/.nut-noticebar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;padding:0 16px;font-size:14px;line-height:24px;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#848484;background-color:#fbf8dc;color:#d37d42}.nut-noticebar.wrapable{height:auto;padding:8px 16px}.nut-noticebar.wrapable .wrap{height:auto}.nut-noticebar.wrapable .wrap .content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar a{text-decoration:none;color:#d37d42}.nut-noticebar .withicon{position:relative;padding-right:40px}.nut-noticebar .left-icon{height:16px;min-width:16px;margin-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:100% 100%}.nut-noticebar .right-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:20px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:5px}.nut-noticebar .wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:24px;overflow:hidden;position:relative}.nut-noticebar .content{position:absolute;white-space:nowrap}.nut-noticebar .content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.nut-noticebar .play{-webkit-animation:nut-notice-bar-play linear both running;animation:nut-notice-bar-play linear both running}.nut-noticebar .play-infinite{-webkit-animation:nut-notice-bar-play-infinite linear infinite both running;animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .play-vertical{-webkit-animation:nut-notice-bar-play-vertical linear infinite both running;animation:nut-notice-bar-play-vertical linear infinite both running}@-webkit-keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}@keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}.nut-noticebar-vertical{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 16px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.nut-noticebar-vertical .horseLamp_list{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.nut-noticebar-vertical .horseLamp_list .horseLamp_list_item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:40px;font-size:16px}.nut-noticebar-vertical .go{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v2.3.
|
|
2
|
+
* @nutui/nutui v2.3.7 - noticebar.js, 78f455d4cba8a497b5f5, Wed Dec 22 2021 20:57:26 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2017-2020 JDC
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
|
-
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("noticebar",[],e):"object"==typeof exports?exports.noticebar=e():t.noticebar=e()}("undefined"!=typeof self?self:this,(function(){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(n,o,function(e){return t[e]}.bind(null,o));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="./",i(i.s=
|
|
6
|
+
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("noticebar",[],e):"object"==typeof exports?exports.noticebar=e():t.noticebar=e()}("undefined"!=typeof self?self:this,(function(){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(n,o,function(e){return t[e]}.bind(null,o));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="./",i(i.s=163)}({0:function(t,e,i){"use strict";function n(t,e,i,n,o,s,r,a){var l,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=i,c._compiled=!0),n&&(c.functional=!0),s&&(c._scopeId="data-v-"+s),r?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},c._ssrRegister=l):o&&(l=a?function(){o.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(t,e){return l.call(e),u(t,e)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,l):[l]}return{exports:t,options:c}}i.d(e,"a",(function(){return n}))},163:function(t,e,i){"use strict";i.r(e);var n={name:"nut-noticebar",props:{direction:{type:String,default:"across"},list:{type:Array,default:function(){return[]}},standTime:{type:Number,default:1e3},complexAm:{type:Boolean,default:!1},height:{type:Number,default:40},text:{type:String,default:""},closeMode:{type:Boolean,default:!1},wrapable:{type:Boolean,default:!1},leftIcon:{type:String,default:""},color:{type:String,default:"#F9911B"},background:{type:String,default:"rgba(254,250,216,1)"},delay:{type:[String,Number],default:1},scrollable:{type:Boolean,default:!0},speed:{type:Number,default:50}},data:function(){return{wrapWidth:0,firstRound:!0,duration:0,offsetWidth:0,showNoticeBar:!0,animationClass:"",animate:!1,scrollList:[],distance:0,timer:null,keepAlive:!1}},components:{ScrollItem:{name:"ScrollItem",functional:!0,props:{item:null},render:function(t,e){var i=e.props.item,n=i.tag,o=i.children;return t(n,i.data,o)}}},computed:{iconShow:function(){return"close"!=this.leftIcon},barStyle:function(){var t={color:this.color,background:this.background};return"vertical"==this.direction&&(t.height="".concat(this.height,"px")),t},contentStyle:function(){return{paddingLeft:this.firstRound?0:this.wrapWidth+"px",animationDelay:(this.firstRound?this.delay:0)+"s",animationDuration:this.duration+"s"}},iconBg:function(){var t=null;return this.leftIcon&&(t=this.leftIcon),t},horseLampStyle:function(){var t={};return this.complexAm?t={transform:"translateY(".concat(this.distance,"px)")}:this.animate&&(t={transition:"all ".concat(~~(this.height/this.speed/4),"s"),"margin-top":"-".concat(this.height,"px")}),t}},watch:{text:{handler:function(t,e){var i=this;0!=this.showNoticeBar&&this.$nextTick((function(){var t=i.$refs,e=t.wrap,n=t.content;if(e&&n){var o=e.getBoundingClientRect().width,s=n.getBoundingClientRect().width;i.scrollable&&s>o?(i.wrapWidth=o,i.offsetWidth=s,i.duration=s/i.speed,i.animationClass="play"):i.animationClass=""}}))},immediate:!0},list:function(t,e){this.scrollList=[].concat(t)}},mounted:function(){var t=this;console.log(this.direction),"vertical"==this.direction&&(this.$slots.default?this.scrollList=[].concat(this.$slots.default):this.scrollList=[].concat(this.list),setTimeout((function(){t.complexAm?t.startRoll():t.startRollEasy()}),this.standTime))},methods:{handleClick:function(t){this.$emit("click",t)},onClickIcon:function(t){this.showNoticeBar=!this.closeMode,this.$emit("close",t)},onAnimationEnd:function(){var t=this;this.firstRound=!1,this.$nextTick((function(){t.duration=(t.offsetWidth+t.wrapWidth)/t.speed,t.animationClass="play-infinite"}))},startRollEasy:function(){this.showhorseLamp(),this.timer=setInterval(this.showhorseLamp,1e3*~~(this.height/this.speed/4)+this.standTime)},showhorseLamp:function(){var t=this;this.animate=!0,setTimeout((function(){t.scrollList.push(t.scrollList[0]),t.scrollList.shift(),t.animate=!1}),1e3*~~(this.height/this.speed/4))},startRoll:function(){var t=this;this.timer=setInterval((function(){for(var e=0;e<100;e++)t.scroll(e,!(e<99))}),this.standTime+100*this.speed)},scroll:function(t,e){var i=this;setTimeout((function(){i.distance-=i.height/100,e&&(i.scrollList.push(i.scrollList[0]),i.scrollList.shift(),i.distance=0)}),t*this.speed)},go:function(t){this.$emit("click",t)},handleClickIcon:function(){this.$emit("close",this.scrollList[0])},activated:function(){this.keepAlive&&(this.keepAlive=!1)},deactivated:function(){this.keepAlive=!0,clearInterval(this.timer)},destroyed:function(){clearInterval(this.timer)}}},o=(i(90),i(0)),s=Object(o.a)(n,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",["across"==t.direction?i("div",{directives:[{name:"show",rawName:"v-show",value:t.showNoticeBar,expression:"showNoticeBar"}],staticClass:"nut-noticebar",class:{withicon:t.closeMode,close:t.closeMode,wrapable:t.wrapable},style:t.barStyle,on:{click:t.handleClick}},[t.iconShow?i("div",{staticClass:"left-icon",style:{"background-image":"url("+t.iconBg+")"}},[t.iconBg?t._e():i("nut-icon",{attrs:{type:"notice",color:t.color,size:"16px"}})],1):t._e(),t._v(" "),i("div",{ref:"wrap",staticClass:"wrap"},[i("div",{ref:"content",staticClass:"content",class:[t.animationClass,{"nut-ellipsis":!t.scrollable&&!t.wrapable}],style:t.contentStyle,on:{animationend:t.onAnimationEnd,webkitAnimationEnd:t.onAnimationEnd}},[t._t("default",(function(){return[t._v(t._s(t.text))]}))],2)]),t._v(" "),t.closeMode?i("div",{staticClass:"right-icon",on:{click:function(e){return e.stopPropagation(),t.onClickIcon.apply(null,arguments)}}},[i("nut-icon",{attrs:{type:"cross",color:t.color,size:"11px"}})],1):t._e()]):t._e(),t._v(" "),t.scrollList.length>0&&"vertical"==t.direction?i("div",{staticClass:"nut-noticebar-vertical",style:t.barStyle},[t.$slots.default?[i("div",{staticClass:"horseLamp_list",style:t.horseLampStyle},t._l(t.scrollList,(function(e,n){return i("ScrollItem",{key:n,style:{height:t.height},attrs:{item:e}})})),1)]:[i("ul",{staticClass:"horseLamp_list",style:t.horseLampStyle},t._l(t.scrollList,(function(e,n){return i("li",{key:n,staticClass:"horseLamp_list_item",style:{height:t.height},on:{click:function(i){return t.go(e)}}},[t._v("\n "+t._s(e)+"\n ")])})),0)],t._v(" "),i("div",{staticClass:"go",on:{click:function(e){!t.$slots.rightIcon&&t.handleClickIcon()}}},[t.$slots.rightIcon?[t._t("rightIcon")]:t.closeMode?[i("nut-icon",{attrs:{type:"cross",color:t.color,size:"11px"}})]:t._e()],2)],2):t._e()])}),[],!1,null,null,null).exports;i(91);s.install=function(t){t.component(s.name,s)};e.default=s},73:function(t,e,i){},90:function(t,e,i){"use strict";i(73)},91:function(t,e,i){}})}));
|
|
7
7
|
//# sourceMappingURL=noticebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack://[name]/webpack/universalModuleDefinition","webpack://[name]/webpack/bootstrap","webpack://[name]/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://[name]/./src/packages/noticebar/noticebar.vue?d1e8","webpack://[name]/./src/packages/noticebar/noticebar.vue?4bff","webpack://[name]/src/packages/noticebar/noticebar.vue","webpack://[name]/./src/packages/noticebar/item.js","webpack://[name]/./src/packages/noticebar/noticebar.vue","webpack://[name]/./src/packages/noticebar/index.js","webpack://[name]/./src/packages/noticebar/noticebar.vue?44f8"],"names":["root","factory","exports","module","define","amd","self","this","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","props","direction","type","String","default","list","Array","standTime","Number","complexAm","Boolean","height","text","closeMode","wrapable","leftIcon","color","background","delay","scrollable","speed","data","wrapWidth","firstRound","duration","offsetWidth","showNoticeBar","animationClass","animate","scrollList","distance","timer","keepAlive","components","ScrollItem","item","createElement","tag","children","computed","iconShow","barStyle","style","contentStyle","paddingLeft","animationDelay","animationDuration","iconBg","horseLampStyle","styles","transform","transition","watch","handler","$nextTick","wrap","content","immediate","newValue","mounted","console","log","$slots","setTimeout","methods","handleClick","$emit","event","onClickIcon","onAnimationEnd","startRollEasy","showhorseLamp","setInterval","startRoll","scroll","last","go","handleClickIcon","activated","deactivated","clearInterval","destroyed","_vm","_h","$createElement","_c","_self","directives","rawName","expression","staticClass","class","withicon","close","on","_e","attrs","_v","ref","_t","_s","$event","stopPropagation","apply","arguments","length","_l","index","rightIcon","NoticeBar","install","Vue","component"],"mappings":"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","file":"noticebar/noticebar.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"noticebar\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"noticebar\"] = factory();\n\telse\n\t\troot[\"noticebar\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 162);\n","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier, /* server only */\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () {\n injectStyles.call(\n this,\n (options.functional ? this.parent : this).$root.$options.shadowRoot\n )\n }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functional component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.direction == 'across')?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showNoticeBar),expression:\"showNoticeBar\"}],staticClass:\"nut-noticebar\",class:{ withicon: _vm.closeMode, close: _vm.closeMode, wrapable: _vm.wrapable },style:(_vm.barStyle),on:{\"click\":_vm.handleClick}},[(_vm.iconShow)?_c('div',{staticClass:\"left-icon\",style:({ 'background-image': (\"url(\" + _vm.iconBg + \")\") })},[(!_vm.iconBg)?_c('nut-icon',{attrs:{\"type\":\"notice\",\"color\":_vm.color,\"size\":\"16px\"}}):_vm._e()],1):_vm._e(),_vm._v(\" \"),_c('div',{ref:\"wrap\",staticClass:\"wrap\"},[_c('div',{ref:\"content\",staticClass:\"content\",class:[_vm.animationClass, { 'nut-ellipsis': !_vm.scrollable && !_vm.wrapable }],style:(_vm.contentStyle),on:{\"animationend\":_vm.onAnimationEnd,\"webkitAnimationEnd\":_vm.onAnimationEnd}},[_vm._t(\"default\",function(){return [_vm._v(_vm._s(_vm.text))]})],2)]),_vm._v(\" \"),(_vm.closeMode)?_c('div',{staticClass:\"right-icon\",on:{\"click\":function($event){$event.stopPropagation();return _vm.onClickIcon.apply(null, arguments)}}},[_c('nut-icon',{attrs:{\"type\":\"cross\",\"color\":_vm.color,\"size\":\"11px\"}})],1):_vm._e()]):_vm._e(),_vm._v(\" \"),(_vm.scrollList.length > 0 && _vm.direction == 'vertical')?_c('div',{staticClass:\"nut-noticebar-vertical\",style:(_vm.barStyle)},[(_vm.$slots.default)?[_c('div',{staticClass:\"horseLamp_list\",style:(_vm.horseLampStyle)},_vm._l((_vm.scrollList),function(item,index){return _c('ScrollItem',{key:index,style:({ height: _vm.height }),attrs:{\"item\":item}})}),1)]:[_c('ul',{staticClass:\"horseLamp_list\",style:(_vm.horseLampStyle)},_vm._l((_vm.scrollList),function(item,index){return _c('li',{key:index,staticClass:\"horseLamp_list_item\",style:({ height: _vm.height }),on:{\"click\":function($event){return _vm.go(item)}}},[_vm._v(\"\\n \"+_vm._s(item)+\"\\n \")])}),0)],_vm._v(\" \"),_c('div',{staticClass:\"go\",on:{\"click\":function($event){!_vm.$slots.rightIcon && _vm.handleClickIcon()}}},[(_vm.$slots.rightIcon)?[_vm._t(\"rightIcon\")]:(_vm.closeMode)?[_c('nut-icon',{attrs:{\"type\":\"cross\",\"color\":_vm.color,\"size\":\"11px\"}})]:_vm._e()],2)],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=script&lang=js&\"","<template>\n <div>\n <div\n v-show=\"showNoticeBar\"\n class=\"nut-noticebar\"\n :class=\"{ withicon: closeMode, close: closeMode, wrapable: wrapable }\"\n :style=\"barStyle\"\n @click=\"handleClick\"\n v-if=\"direction == 'across'\"\n >\n <div class=\"left-icon\" v-if=\"iconShow\" :style=\"{ 'background-image': `url(${iconBg})` }\">\n <nut-icon type=\"notice\" :color=\"color\" size=\"16px\" v-if=\"!iconBg\"></nut-icon>\n </div>\n <div ref=\"wrap\" class=\"wrap\">\n <div\n ref=\"content\"\n class=\"content\"\n :class=\"[animationClass, { 'nut-ellipsis': !scrollable && !wrapable }]\"\n :style=\"contentStyle\"\n @animationend=\"onAnimationEnd\"\n @webkitAnimationEnd=\"onAnimationEnd\"\n >\n <slot>{{ text }}</slot>\n </div>\n </div>\n <div v-if=\"closeMode\" class=\"right-icon\" @click.stop=\"onClickIcon\">\n <nut-icon type=\"cross\" :color=\"color\" size=\"11px\"></nut-icon>\n </div>\n </div>\n\n <div class=\"nut-noticebar-vertical\" v-if=\"scrollList.length > 0 && direction == 'vertical'\" :style=\"barStyle\">\n <template v-if=\"$slots.default\">\n <div class=\"horseLamp_list\" :style=\"horseLampStyle\">\n <ScrollItem v-for=\"(item, index) in scrollList\" v-bind:key=\"index\" :style=\"{ height: height }\" :item=\"item\"></ScrollItem>\n </div>\n </template>\n\n <template v-else>\n <ul class=\"horseLamp_list\" :style=\"horseLampStyle\">\n <li class=\"horseLamp_list_item\" v-for=\"(item, index) in scrollList\" :key=\"index\" :style=\"{ height: height }\" @click=\"go(item)\">\n {{ item }}\n </li>\n </ul>\n </template>\n\n <div class=\"go\" @click=\"!$slots.rightIcon && handleClickIcon()\">\n <template v-if=\"$slots.rightIcon\">\n <slot name=\"rightIcon\"></slot>\n </template>\n <template v-else-if=\"closeMode\">\n <nut-icon type=\"cross\" :color=\"color\" size=\"11px\"></nut-icon>\n </template>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport ScrollItem from './item';\nexport default {\n name: 'nut-noticebar',\n props: {\n // 滚动方向 across 横向 vertical 纵向\n direction: {\n type: String,\n default: 'across'\n },\n list: {\n type: Array,\n default: () => {\n return [];\n }\n },\n standTime: {\n type: Number,\n default: 1000\n },\n complexAm: {\n type: Boolean,\n default: false\n },\n height: {\n type: Number,\n default: 40\n },\n text: {\n type: String,\n default: ''\n },\n closeMode: {\n type: Boolean,\n default: false\n },\n wrapable: {\n type: Boolean,\n default: false\n },\n leftIcon: { type: String, default: '' },\n color: {\n type: String,\n default: '#F9911B'\n },\n background: {\n type: String,\n default: 'rgba(254,250,216,1)'\n },\n delay: {\n type: [String, Number],\n default: 1\n },\n scrollable: {\n type: Boolean,\n default: true\n },\n speed: {\n type: Number,\n default: 50\n }\n },\n data() {\n return {\n wrapWidth: 0,\n firstRound: true,\n duration: 0,\n offsetWidth: 0,\n showNoticeBar: true,\n animationClass: '',\n\n animate: false,\n scrollList: [],\n distance: 0,\n timer: null,\n keepAlive: false\n };\n },\n components: {\n ScrollItem: ScrollItem\n },\n computed: {\n iconShow() {\n if (this.leftIcon == 'close') {\n return false;\n } else {\n return true;\n }\n },\n barStyle() {\n let style = {\n color: this.color,\n background: this.background\n };\n\n if (this.direction == 'vertical') {\n style.height = `${this.height}px`;\n }\n return style;\n },\n contentStyle() {\n return {\n paddingLeft: this.firstRound ? 0 : this.wrapWidth + 'px',\n animationDelay: (this.firstRound ? this.delay : 0) + 's',\n animationDuration: this.duration + 's'\n };\n },\n iconBg() {\n let iconBg = null;\n if (this.leftIcon) {\n iconBg = this.leftIcon;\n }\n return iconBg;\n },\n horseLampStyle() {\n let styles = {};\n if (this.complexAm) {\n styles = {\n transform: `translateY(${this.distance}px)`\n };\n } else {\n if (this.animate) {\n styles = {\n transition: `all ${~~(this.height / this.speed / 4)}s`,\n 'margin-top': `-${this.height}px`\n };\n }\n }\n return styles;\n }\n },\n watch: {\n text: {\n handler(val, newVal) {\n // console.log(val, newVal, this.showNoticeBar == false, 'text');\n\n if (this.showNoticeBar == false) {\n return;\n }\n this.$nextTick(() => {\n const { wrap, content } = this.$refs;\n\n if (!wrap || !content) {\n return;\n }\n const wrapWidth = wrap.getBoundingClientRect().width;\n\n const offsetWidth = content.getBoundingClientRect().width;\n // console.log(wrapWidth, offsetWidth, 'text222');\n\n if (this.scrollable && offsetWidth > wrapWidth) {\n this.wrapWidth = wrapWidth;\n this.offsetWidth = offsetWidth;\n\n this.duration = offsetWidth / this.speed;\n this.animationClass = 'play';\n } else {\n this.animationClass = '';\n }\n });\n },\n immediate: true\n },\n list(newValue, oldValue) {\n this.scrollList = [].concat(newValue);\n }\n },\n mounted() {\n console.log(this.direction);\n if (this.direction == 'vertical') {\n if (this.$slots.default) {\n this.scrollList = [].concat(this.$slots.default);\n } else {\n this.scrollList = [].concat(this.list);\n }\n\n setTimeout(() => {\n this.complexAm ? this.startRoll() : this.startRollEasy();\n }, this.standTime);\n }\n },\n methods: {\n handleClick(event) {\n this.$emit('click', event);\n },\n onClickIcon(event) {\n this.showNoticeBar = !this.closeMode;\n this.$emit('close', event);\n },\n onAnimationEnd() {\n this.firstRound = false;\n this.$nextTick(() => {\n this.duration = (this.offsetWidth + this.wrapWidth) / this.speed;\n this.animationClass = 'play-infinite';\n });\n },\n /**\n * 利益点滚动方式一\n */\n startRollEasy() {\n this.showhorseLamp();\n this.timer = setInterval(this.showhorseLamp, ~~(this.height / this.speed / 4) * 1000 + this.standTime);\n },\n showhorseLamp() {\n this.animate = true;\n setTimeout(() => {\n this.scrollList.push(this.scrollList[0]);\n this.scrollList.shift();\n this.animate = false;\n }, ~~(this.height / this.speed / 4) * 1000);\n },\n\n startRoll() {\n this.timer = setInterval(() => {\n let chunk = 100;\n for (let i = 0; i < chunk; i++) {\n this.scroll(i, i < chunk - 1 ? false : true);\n }\n }, this.standTime + 100 * this.speed);\n },\n scroll(n, last) {\n setTimeout(() => {\n this.distance -= this.height / 100;\n if (last) {\n this.scrollList.push(this.scrollList[0]);\n this.scrollList.shift();\n this.distance = 0;\n }\n }, n * this.speed);\n },\n\n /**\n * 点击滚动单元\n */\n go(item) {\n this.$emit('click', item);\n },\n\n handleClickIcon() {\n this.$emit('close', this.scrollList[0]);\n },\n\n activated() {\n if (this.keepAlive) {\n this.keepAlive = false;\n }\n },\n\n deactivated() {\n this.keepAlive = true;\n clearInterval(this.timer);\n },\n\n destroyed() {\n clearInterval(this.timer);\n }\n }\n};\n</script>\n<style lang=\"scss\">\n@import 'noticebar.scss';\n</style>\n","export default {\n name: 'ScrollItem',\n functional: true,\n props: {\n item: null\n },\n render: (createElement, context) => {\n // console.log(context.props.item)\n // console.log(context.slots().default)\n const { tag, children, data } = context.props.item;\n return createElement(tag, data, children);\n }\n};\n","import { render, staticRenderFns } from \"./noticebar.vue?vue&type=template&id=257e2140&\"\nimport script from \"./noticebar.vue?vue&type=script&lang=js&\"\nexport * from \"./noticebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./noticebar.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import NoticeBar from './noticebar.vue';\nimport './noticebar.scss';\n\nNoticeBar.install = function(Vue) {\n Vue.component(NoticeBar.name, NoticeBar);\n};\n\nexport default NoticeBar;\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--0-0!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js!../../../node_modules/sass-loader/dist/cjs.js??ref--0-3!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}
|
|
1
|
+
{"version":3,"sources":["webpack://[name]/webpack/universalModuleDefinition","webpack://[name]/webpack/bootstrap","webpack://[name]/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://[name]/./src/packages/noticebar/noticebar.vue?d1e8","webpack://[name]/./src/packages/noticebar/noticebar.vue?4bff","webpack://[name]/src/packages/noticebar/noticebar.vue","webpack://[name]/./src/packages/noticebar/item.js","webpack://[name]/./src/packages/noticebar/noticebar.vue","webpack://[name]/./src/packages/noticebar/index.js","webpack://[name]/./src/packages/noticebar/noticebar.vue?44f8"],"names":["root","factory","exports","module","define","amd","self","this","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","props","direction","type","String","default","list","Array","standTime","Number","complexAm","Boolean","height","text","closeMode","wrapable","leftIcon","color","background","delay","scrollable","speed","data","wrapWidth","firstRound","duration","offsetWidth","showNoticeBar","animationClass","animate","scrollList","distance","timer","keepAlive","components","ScrollItem","item","createElement","tag","children","computed","iconShow","barStyle","style","contentStyle","paddingLeft","animationDelay","animationDuration","iconBg","horseLampStyle","styles","transform","transition","watch","handler","$nextTick","wrap","content","immediate","newValue","mounted","console","log","$slots","setTimeout","methods","handleClick","$emit","event","onClickIcon","onAnimationEnd","startRollEasy","showhorseLamp","setInterval","startRoll","scroll","last","go","handleClickIcon","activated","deactivated","clearInterval","destroyed","_vm","_h","$createElement","_c","_self","directives","rawName","expression","staticClass","class","withicon","close","on","_e","attrs","_v","ref","_t","_s","$event","stopPropagation","apply","arguments","length","_l","index","rightIcon","NoticeBar","install","Vue","component"],"mappings":"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","file":"noticebar/noticebar.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"noticebar\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"noticebar\"] = factory();\n\telse\n\t\troot[\"noticebar\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 163);\n","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier, /* server only */\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () {\n injectStyles.call(\n this,\n (options.functional ? this.parent : this).$root.$options.shadowRoot\n )\n }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functional component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.direction == 'across')?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showNoticeBar),expression:\"showNoticeBar\"}],staticClass:\"nut-noticebar\",class:{ withicon: _vm.closeMode, close: _vm.closeMode, wrapable: _vm.wrapable },style:(_vm.barStyle),on:{\"click\":_vm.handleClick}},[(_vm.iconShow)?_c('div',{staticClass:\"left-icon\",style:({ 'background-image': (\"url(\" + _vm.iconBg + \")\") })},[(!_vm.iconBg)?_c('nut-icon',{attrs:{\"type\":\"notice\",\"color\":_vm.color,\"size\":\"16px\"}}):_vm._e()],1):_vm._e(),_vm._v(\" \"),_c('div',{ref:\"wrap\",staticClass:\"wrap\"},[_c('div',{ref:\"content\",staticClass:\"content\",class:[_vm.animationClass, { 'nut-ellipsis': !_vm.scrollable && !_vm.wrapable }],style:(_vm.contentStyle),on:{\"animationend\":_vm.onAnimationEnd,\"webkitAnimationEnd\":_vm.onAnimationEnd}},[_vm._t(\"default\",function(){return [_vm._v(_vm._s(_vm.text))]})],2)]),_vm._v(\" \"),(_vm.closeMode)?_c('div',{staticClass:\"right-icon\",on:{\"click\":function($event){$event.stopPropagation();return _vm.onClickIcon.apply(null, arguments)}}},[_c('nut-icon',{attrs:{\"type\":\"cross\",\"color\":_vm.color,\"size\":\"11px\"}})],1):_vm._e()]):_vm._e(),_vm._v(\" \"),(_vm.scrollList.length > 0 && _vm.direction == 'vertical')?_c('div',{staticClass:\"nut-noticebar-vertical\",style:(_vm.barStyle)},[(_vm.$slots.default)?[_c('div',{staticClass:\"horseLamp_list\",style:(_vm.horseLampStyle)},_vm._l((_vm.scrollList),function(item,index){return _c('ScrollItem',{key:index,style:({ height: _vm.height }),attrs:{\"item\":item}})}),1)]:[_c('ul',{staticClass:\"horseLamp_list\",style:(_vm.horseLampStyle)},_vm._l((_vm.scrollList),function(item,index){return _c('li',{key:index,staticClass:\"horseLamp_list_item\",style:({ height: _vm.height }),on:{\"click\":function($event){return _vm.go(item)}}},[_vm._v(\"\\n \"+_vm._s(item)+\"\\n \")])}),0)],_vm._v(\" \"),_c('div',{staticClass:\"go\",on:{\"click\":function($event){!_vm.$slots.rightIcon && _vm.handleClickIcon()}}},[(_vm.$slots.rightIcon)?[_vm._t(\"rightIcon\")]:(_vm.closeMode)?[_c('nut-icon',{attrs:{\"type\":\"cross\",\"color\":_vm.color,\"size\":\"11px\"}})]:_vm._e()],2)],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=script&lang=js&\"","<template>\n <div>\n <div\n v-show=\"showNoticeBar\"\n class=\"nut-noticebar\"\n :class=\"{ withicon: closeMode, close: closeMode, wrapable: wrapable }\"\n :style=\"barStyle\"\n @click=\"handleClick\"\n v-if=\"direction == 'across'\"\n >\n <div class=\"left-icon\" v-if=\"iconShow\" :style=\"{ 'background-image': `url(${iconBg})` }\">\n <nut-icon type=\"notice\" :color=\"color\" size=\"16px\" v-if=\"!iconBg\"></nut-icon>\n </div>\n <div ref=\"wrap\" class=\"wrap\">\n <div\n ref=\"content\"\n class=\"content\"\n :class=\"[animationClass, { 'nut-ellipsis': !scrollable && !wrapable }]\"\n :style=\"contentStyle\"\n @animationend=\"onAnimationEnd\"\n @webkitAnimationEnd=\"onAnimationEnd\"\n >\n <slot>{{ text }}</slot>\n </div>\n </div>\n <div v-if=\"closeMode\" class=\"right-icon\" @click.stop=\"onClickIcon\">\n <nut-icon type=\"cross\" :color=\"color\" size=\"11px\"></nut-icon>\n </div>\n </div>\n\n <div class=\"nut-noticebar-vertical\" v-if=\"scrollList.length > 0 && direction == 'vertical'\" :style=\"barStyle\">\n <template v-if=\"$slots.default\">\n <div class=\"horseLamp_list\" :style=\"horseLampStyle\">\n <ScrollItem v-for=\"(item, index) in scrollList\" v-bind:key=\"index\" :style=\"{ height: height }\" :item=\"item\"></ScrollItem>\n </div>\n </template>\n\n <template v-else>\n <ul class=\"horseLamp_list\" :style=\"horseLampStyle\">\n <li class=\"horseLamp_list_item\" v-for=\"(item, index) in scrollList\" :key=\"index\" :style=\"{ height: height }\" @click=\"go(item)\">\n {{ item }}\n </li>\n </ul>\n </template>\n\n <div class=\"go\" @click=\"!$slots.rightIcon && handleClickIcon()\">\n <template v-if=\"$slots.rightIcon\">\n <slot name=\"rightIcon\"></slot>\n </template>\n <template v-else-if=\"closeMode\">\n <nut-icon type=\"cross\" :color=\"color\" size=\"11px\"></nut-icon>\n </template>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport ScrollItem from './item';\nexport default {\n name: 'nut-noticebar',\n props: {\n // 滚动方向 across 横向 vertical 纵向\n direction: {\n type: String,\n default: 'across'\n },\n list: {\n type: Array,\n default: () => {\n return [];\n }\n },\n standTime: {\n type: Number,\n default: 1000\n },\n complexAm: {\n type: Boolean,\n default: false\n },\n height: {\n type: Number,\n default: 40\n },\n text: {\n type: String,\n default: ''\n },\n closeMode: {\n type: Boolean,\n default: false\n },\n wrapable: {\n type: Boolean,\n default: false\n },\n leftIcon: { type: String, default: '' },\n color: {\n type: String,\n default: '#F9911B'\n },\n background: {\n type: String,\n default: 'rgba(254,250,216,1)'\n },\n delay: {\n type: [String, Number],\n default: 1\n },\n scrollable: {\n type: Boolean,\n default: true\n },\n speed: {\n type: Number,\n default: 50\n }\n },\n data() {\n return {\n wrapWidth: 0,\n firstRound: true,\n duration: 0,\n offsetWidth: 0,\n showNoticeBar: true,\n animationClass: '',\n\n animate: false,\n scrollList: [],\n distance: 0,\n timer: null,\n keepAlive: false\n };\n },\n components: {\n ScrollItem: ScrollItem\n },\n computed: {\n iconShow() {\n if (this.leftIcon == 'close') {\n return false;\n } else {\n return true;\n }\n },\n barStyle() {\n let style = {\n color: this.color,\n background: this.background\n };\n\n if (this.direction == 'vertical') {\n style.height = `${this.height}px`;\n }\n return style;\n },\n contentStyle() {\n return {\n paddingLeft: this.firstRound ? 0 : this.wrapWidth + 'px',\n animationDelay: (this.firstRound ? this.delay : 0) + 's',\n animationDuration: this.duration + 's'\n };\n },\n iconBg() {\n let iconBg = null;\n if (this.leftIcon) {\n iconBg = this.leftIcon;\n }\n return iconBg;\n },\n horseLampStyle() {\n let styles = {};\n if (this.complexAm) {\n styles = {\n transform: `translateY(${this.distance}px)`\n };\n } else {\n if (this.animate) {\n styles = {\n transition: `all ${~~(this.height / this.speed / 4)}s`,\n 'margin-top': `-${this.height}px`\n };\n }\n }\n return styles;\n }\n },\n watch: {\n text: {\n handler(val, newVal) {\n // console.log(val, newVal, this.showNoticeBar == false, 'text');\n\n if (this.showNoticeBar == false) {\n return;\n }\n this.$nextTick(() => {\n const { wrap, content } = this.$refs;\n\n if (!wrap || !content) {\n return;\n }\n const wrapWidth = wrap.getBoundingClientRect().width;\n\n const offsetWidth = content.getBoundingClientRect().width;\n // console.log(wrapWidth, offsetWidth, 'text222');\n\n if (this.scrollable && offsetWidth > wrapWidth) {\n this.wrapWidth = wrapWidth;\n this.offsetWidth = offsetWidth;\n\n this.duration = offsetWidth / this.speed;\n this.animationClass = 'play';\n } else {\n this.animationClass = '';\n }\n });\n },\n immediate: true\n },\n list(newValue, oldValue) {\n this.scrollList = [].concat(newValue);\n }\n },\n mounted() {\n console.log(this.direction);\n if (this.direction == 'vertical') {\n if (this.$slots.default) {\n this.scrollList = [].concat(this.$slots.default);\n } else {\n this.scrollList = [].concat(this.list);\n }\n\n setTimeout(() => {\n this.complexAm ? this.startRoll() : this.startRollEasy();\n }, this.standTime);\n }\n },\n methods: {\n handleClick(event) {\n this.$emit('click', event);\n },\n onClickIcon(event) {\n this.showNoticeBar = !this.closeMode;\n this.$emit('close', event);\n },\n onAnimationEnd() {\n this.firstRound = false;\n this.$nextTick(() => {\n this.duration = (this.offsetWidth + this.wrapWidth) / this.speed;\n this.animationClass = 'play-infinite';\n });\n },\n /**\n * 利益点滚动方式一\n */\n startRollEasy() {\n this.showhorseLamp();\n this.timer = setInterval(this.showhorseLamp, ~~(this.height / this.speed / 4) * 1000 + this.standTime);\n },\n showhorseLamp() {\n this.animate = true;\n setTimeout(() => {\n this.scrollList.push(this.scrollList[0]);\n this.scrollList.shift();\n this.animate = false;\n }, ~~(this.height / this.speed / 4) * 1000);\n },\n\n startRoll() {\n this.timer = setInterval(() => {\n let chunk = 100;\n for (let i = 0; i < chunk; i++) {\n this.scroll(i, i < chunk - 1 ? false : true);\n }\n }, this.standTime + 100 * this.speed);\n },\n scroll(n, last) {\n setTimeout(() => {\n this.distance -= this.height / 100;\n if (last) {\n this.scrollList.push(this.scrollList[0]);\n this.scrollList.shift();\n this.distance = 0;\n }\n }, n * this.speed);\n },\n\n /**\n * 点击滚动单元\n */\n go(item) {\n this.$emit('click', item);\n },\n\n handleClickIcon() {\n this.$emit('close', this.scrollList[0]);\n },\n\n activated() {\n if (this.keepAlive) {\n this.keepAlive = false;\n }\n },\n\n deactivated() {\n this.keepAlive = true;\n clearInterval(this.timer);\n },\n\n destroyed() {\n clearInterval(this.timer);\n }\n }\n};\n</script>\n<style lang=\"scss\">\n@import 'noticebar.scss';\n</style>\n","export default {\n name: 'ScrollItem',\n functional: true,\n props: {\n item: null\n },\n render: (createElement, context) => {\n // console.log(context.props.item)\n // console.log(context.slots().default)\n const { tag, children, data } = context.props.item;\n return createElement(tag, data, children);\n }\n};\n","import { render, staticRenderFns } from \"./noticebar.vue?vue&type=template&id=257e2140&\"\nimport script from \"./noticebar.vue?vue&type=script&lang=js&\"\nexport * from \"./noticebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./noticebar.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import NoticeBar from './noticebar.vue';\nimport './noticebar.scss';\n\nNoticeBar.install = function(Vue) {\n Vue.component(NoticeBar.name, NoticeBar);\n};\n\nexport default NoticeBar;\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--0-0!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js!../../../node_modules/sass-loader/dist/cjs.js??ref--0-3!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v2.3.
|
|
2
|
+
* @nutui/nutui v2.3.7 - notify.css, 78f455d4cba8a497b5f5, Wed Dec 22 2021 20:57:26 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2017-2020 JDC
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/.nut-icon{list-style:none;display:inline-block;width:20px;height:20px;color:#2d2d2d}.nut-icon svg{vertical-align:top;width:100%;height:100%;fill:currentColor}.popup-fade-enter-active{-webkit-animation:nut-fade-in;animation:nut-fade-in}.popup-fade-leave-active{-webkit-animation:nut-fade-out;animation:nut-fade-out}.popup-slide-center-enter-active{-webkit-animation:nut-fade-in;animation:nut-fade-in}.popup-slide-center-leave-active{-webkit-animation:nut-fade-out;animation:nut-fade-out}.popup-slide-top-enter,.popup-slide-top-leave-active{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.popup-slide-right-enter,.popup-slide-right-leave-active{-webkit-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%)}.popup-slide-bottom-enter,.popup-slide-bottom-leave-active{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.popup-slide-left-enter,.popup-slide-left-leave-active{-webkit-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%)}.popup-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.popup-bottom{bottom:0;left:0;width:100%}.popup-bottom.round{-webkit-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0}.popup-right{top:0;right:0}.popup-right.round{-webkit-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px}.popup-left{top:0;left:0}.popup-left.round{-webkit-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0}.popup-top{top:0;left:0;width:100%}.popup-top.round{-webkit-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}.popup-box{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-overflow-scrolling:touch}@-webkit-keyframes nut-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nut-fade-out{0%{opacity:1}to{opacity:0}}.nut-overflow-hidden{overflow:hidden!important}.nutui-popup__close-icon{position:absolute;z-index:1;color:#969799;font-size:18px;cursor:pointer}.nutui-popup__close-icon:active{opacity:.7}.nutui-popup__close-icon--top-left{top:16px;left:16px}.nutui-popup__close-icon--top-right{top:16px;right:16px}.nutui-popup__close-icon--bottom-left{bottom:16px;left:16px}.nutui-popup__close-icon--bottom-right{right:16px;bottom:16px}.popup-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}@keyframes nut-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}to{opacity:0}}.nut-notify{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word}.nut-notify--primary{background-color:#1989fa}.nut-notify--success{background-color:#07c160}.nut-notify--danger{background-color:#ee0a24}.nut-notify--warning{background-color:#ff976a}
|