2025/2/8第一次更新

This commit is contained in:
爱吃咸鱼小猫咪
2025-02-08 18:50:38 +08:00
commit d7af560866
26519 changed files with 5046029 additions and 0 deletions
@@ -0,0 +1,168 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-swiper",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$14],
data() {
return {
currentIndex: 0
};
},
watch: {
current(val, preVal) {
if (val === preVal)
return;
this.currentIndex = val;
}
},
emits: ["click", "change"],
computed: {
itemStyle() {
return (index) => {
const style = {};
if (this.nextMargin && this.previousMargin) {
style.borderRadius = common_vendor.addUnit(this.radius);
if (index !== this.currentIndex)
style.transform = "scale(0.92)";
}
return style;
};
}
},
methods: {
addStyle: common_vendor.addStyle,
addUnit: common_vendor.addUnit,
testObject: common_vendor.test.object,
testImage: common_vendor.test.image,
getItemType(item) {
if (typeof item === "string")
return common_vendor.test.video(this.getSource(item)) ? "video" : "image";
if (typeof item === "object" && this.keyName) {
if (!item.type)
return common_vendor.test.video(this.getSource(item)) ? "video" : "image";
if (item.type === "image")
return "image";
if (item.type === "video")
return "video";
return "image";
}
},
// 获取目标路径,可能数组中为字符串,对象的形式,额外可指定对象的目标属性名keyName
getSource(item) {
if (typeof item === "string")
return item;
if (typeof item === "object" && this.keyName)
return item[this.keyName];
else
common_vendor.error("请按格式传递列表参数");
return "";
},
// 轮播切换事件
change(e) {
const {
current
} = e.detail;
this.pauseVideo(this.currentIndex);
this.currentIndex = current;
this.$emit("change", e.detail);
},
// 切换轮播时,暂停视频播放
pauseVideo(index) {
const lastItem = this.getSource(this.list[index]);
if (common_vendor.test.video(lastItem)) {
const video = common_vendor.index.createVideoContext(`video-${index}`, this);
video.pause();
}
},
// 当一个轮播item为视频时,获取它的视频海报
getPoster(item) {
return typeof item === "object" && item.poster ? item.poster : "";
},
// 点击某个item
clickHandler(index) {
this.$emit("click", index);
}
}
};
if (!Array) {
const _easycom_up_loading_icon2 = common_vendor.resolveComponent("up-loading-icon");
const _easycom_up_swiper_indicator2 = common_vendor.resolveComponent("up-swiper-indicator");
(_easycom_up_loading_icon2 + _easycom_up_swiper_indicator2)();
}
const _easycom_up_loading_icon = () => "../u-loading-icon/u-loading-icon.js";
const _easycom_up_swiper_indicator = () => "../u-swiper-indicator/u-swiper-indicator.js";
if (!Math) {
(_easycom_up_loading_icon + _easycom_up_swiper_indicator)();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: _ctx.loading
}, _ctx.loading ? {
b: common_vendor.p({
mode: "circle"
})
} : {
c: common_vendor.f(_ctx.list, (item, index, i0) => {
return common_vendor.e({
a: $options.getItemType(item) === "image"
}, $options.getItemType(item) === "image" ? {
b: $options.getSource(item),
c: _ctx.imgMode,
d: common_vendor.o(($event) => $options.clickHandler(index), index),
e: $options.addUnit(_ctx.height),
f: $options.addUnit(_ctx.radius)
} : {}, {
g: $options.getItemType(item) === "video"
}, $options.getItemType(item) === "video" ? {
h: `video-${index}`,
i: $options.getSource(item),
j: $options.getPoster(item),
k: _ctx.showTitle && $options.testObject(item) && item.title ? item.title : "",
l: $options.addUnit(_ctx.height),
m: common_vendor.o(($event) => $options.clickHandler(index), index)
} : {}, {
n: _ctx.showTitle && $options.testObject(item) && item.title && $options.testImage($options.getSource(item))
}, _ctx.showTitle && $options.testObject(item) && item.title && $options.testImage($options.getSource(item)) ? {
o: common_vendor.t(item.title)
} : {}, {
p: common_vendor.s($options.itemStyle(index)),
q: "d-" + i0,
r: common_vendor.r("d", {
item,
index
}, i0),
s: index
});
}),
d: $options.addUnit(_ctx.height),
e: common_vendor.o((...args) => $options.change && $options.change(...args)),
f: _ctx.circular,
g: _ctx.interval,
h: _ctx.duration,
i: _ctx.autoplay,
j: _ctx.current,
k: _ctx.currentItemId,
l: $options.addUnit(_ctx.previousMargin),
m: $options.addUnit(_ctx.nextMargin),
n: _ctx.acceleration,
o: _ctx.displayMultipleItems,
p: _ctx.easingFunction
}, {
q: !_ctx.loading && _ctx.indicator && !_ctx.showTitle
}, !_ctx.loading && _ctx.indicator && !_ctx.showTitle ? {
r: common_vendor.p({
indicatorActiveColor: _ctx.indicatorActiveColor,
indicatorInactiveColor: _ctx.indicatorInactiveColor,
length: _ctx.list.length,
current: $data.currentIndex,
indicatorMode: _ctx.indicatorMode
})
} : {}, {
s: common_vendor.s($options.addStyle(_ctx.indicatorStyle)),
t: _ctx.bgColor,
v: $options.addUnit(_ctx.height),
w: $options.addUnit(_ctx.radius)
});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-eda42115"]]);
wx.createComponent(Component);
@@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"up-loading-icon": "../u-loading-icon/u-loading-icon",
"up-swiper-indicator": "../u-swiper-indicator/u-swiper-indicator"
}
}
@@ -0,0 +1 @@
<view style="{{'background-color:' + t + ';' + ('height:' + v) + ';' + ('border-radius:' + w) + ';' + virtualHostStyle}}" class="{{['u-swiper', 'data-v-eda42115', virtualHostClass]}}"><view wx:if="{{a}}" class="u-swiper__loading data-v-eda42115"><up-loading-icon wx:if="{{b}}" class="data-v-eda42115" virtualHostClass="data-v-eda42115" u-i="eda42115-0" bind:__l="__l" u-p="{{b}}"></up-loading-icon></view><swiper wx:else class="u-swiper__wrapper data-v-eda42115" style="{{'flex:' + '1' + ';' + ('height:' + d)}}" bindchange="{{e}}" circular="{{f}}" interval="{{g}}" duration="{{h}}" autoplay="{{i}}" current="{{j}}" currentItemId="{{k}}" previousMargin="{{l}}" nextMargin="{{m}}" acceleration="{{n}}" displayMultipleItems="{{o}}" easingFunction="{{p}}"><swiper-item wx:for="{{c}}" wx:for-item="item" wx:key="s" class="u-swiper__wrapper__item data-v-eda42115"><block wx:if="{{$slots.d}}"><slot name="{{item.q}}"></slot></block><block wx:else><view class="u-swiper__wrapper__item__wrapper data-v-eda42115" style="{{item.p}}"><image wx:if="{{item.a}}" class="u-swiper__wrapper__item__wrapper__image data-v-eda42115" src="{{item.b}}" mode="{{item.c}}" bindtap="{{item.d}}" style="{{'height:' + item.e + ';' + ('border-radius:' + item.f)}}"></image><video wx:if="{{item.g}}" class="u-swiper__wrapper__item__wrapper__video data-v-eda42115" id="{{item.h}}" enable-progress-gesture="{{false}}" src="{{item.i}}" poster="{{item.j}}" title="{{item.k}}" style="{{'height:' + item.l}}" controls bindtap="{{item.m}}"></video><view wx:if="{{item.n}}" class="u-swiper__wrapper__item__wrapper__title data-v-eda42115"><text class="u-line-1 data-v-eda42115">{{item.o}}</text></view></view></block></swiper-item></swiper><view class="u-swiper__indicator data-v-eda42115" style="{{s}}"><block wx:if="{{$slots.indicator}}"><slot name="indicator"></slot></block><block wx:else><up-swiper-indicator wx:if="{{q}}" class="data-v-eda42115" virtualHostClass="data-v-eda42115" u-i="eda42115-1" bind:__l="__l" u-p="{{r}}"></up-swiper-indicator></block></view></view>
@@ -0,0 +1,95 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-eda42115,
.u-empty__wrap.data-v-eda42115,
.u-tabs.data-v-eda42115,
.u-tabs__wrapper.data-v-eda42115,
.u-tabs__wrapper__scroll-view-wrapper.data-v-eda42115,
.u-tabs__wrapper__scroll-view.data-v-eda42115,
.u-tabs__wrapper__nav.data-v-eda42115,
.u-tabs__wrapper__nav__line.data-v-eda42115,
.up-empty.data-v-eda42115,
.up-empty__wrap.data-v-eda42115,
.up-tabs.data-v-eda42115,
.up-tabs__wrapper.data-v-eda42115,
.up-tabs__wrapper__scroll-view-wrapper.data-v-eda42115,
.up-tabs__wrapper__scroll-view.data-v-eda42115,
.up-tabs__wrapper__nav.data-v-eda42115,
.up-tabs__wrapper__nav__line.data-v-eda42115 {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-swiper__wrapper.data-v-eda42115 {
flex: 1;
}
.u-swiper.data-v-eda42115 {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
}
.u-swiper__wrapper.data-v-eda42115 {
flex: 1;
}
.u-swiper__wrapper__item.data-v-eda42115 {
flex: 1;
}
.u-swiper__wrapper__item__wrapper.data-v-eda42115 {
display: flex;
flex-direction: row;
position: relative;
overflow: hidden;
transition: transform 0.3s;
flex: 1;
}
.u-swiper__wrapper__item__wrapper__image.data-v-eda42115 {
flex: 1;
}
.u-swiper__wrapper__item__wrapper__video.data-v-eda42115 {
flex: 1;
}
.u-swiper__wrapper__item__wrapper__title.data-v-eda42115 {
position: absolute;
background-color: rgba(0, 0, 0, 0.3);
bottom: 0;
left: 0;
right: 0;
font-size: 28rpx;
padding: 12rpx 24rpx;
color: #FFFFFF;
flex: 1;
}
.u-swiper__indicator.data-v-eda42115 {
position: absolute;
bottom: 10px;
}