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,54 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-swiper-indicator",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$18],
data() {
return {
lineWidth: 22
};
},
computed: {
// 指示器为线型的样式
lineStyle() {
let style = {};
style.width = common_vendor.addUnit(this.lineWidth);
style.transform = `translateX(${common_vendor.addUnit(this.current * this.lineWidth)})`;
style.backgroundColor = this.indicatorActiveColor;
return style;
},
// 指示器为点型的样式
dotStyle() {
return (index) => {
let style = {};
style.backgroundColor = index === this.current ? this.indicatorActiveColor : this.indicatorInactiveColor;
return style;
};
}
},
methods: {
addUnit: common_vendor.addUnit
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: _ctx.indicatorMode === "line"
}, _ctx.indicatorMode === "line" ? {
b: common_vendor.s($options.lineStyle),
c: common_vendor.n(`u-swiper-indicator__wrapper--${_ctx.indicatorMode}`),
d: $options.addUnit($data.lineWidth * _ctx.length),
e: _ctx.indicatorInactiveColor
} : {}, {
f: _ctx.indicatorMode === "dot"
}, _ctx.indicatorMode === "dot" ? {
g: common_vendor.f(_ctx.length, (item, index, i0) => {
return {
a: index,
b: common_vendor.n(index === _ctx.current && "u-swiper-indicator__wrapper__dot--active"),
c: common_vendor.s($options.dotStyle(index))
};
})
} : {});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-23112adb"]]);
wx.createComponent(Component);
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<view class="{{['u-swiper-indicator', 'data-v-23112adb', virtualHostClass]}}" style="{{virtualHostStyle}}"><view wx:if="{{a}}" class="{{['u-swiper-indicator__wrapper', 'data-v-23112adb', c]}}" style="{{'width:' + d + ';' + ('background-color:' + e)}}"><view class="u-swiper-indicator__wrapper--line__bar data-v-23112adb" style="{{b}}"></view></view><view wx:if="{{f}}" class="u-swiper-indicator__wrapper data-v-23112adb"><view wx:for="{{g}}" wx:for-item="item" wx:key="a" class="{{['u-swiper-indicator__wrapper__dot', 'data-v-23112adb', item.b]}}" style="{{item.c}}"></view></view></view>
@@ -0,0 +1,73 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-23112adb,
.u-empty__wrap.data-v-23112adb,
.u-tabs.data-v-23112adb,
.u-tabs__wrapper.data-v-23112adb,
.u-tabs__wrapper__scroll-view-wrapper.data-v-23112adb,
.u-tabs__wrapper__scroll-view.data-v-23112adb,
.u-tabs__wrapper__nav.data-v-23112adb,
.u-tabs__wrapper__nav__line.data-v-23112adb,
.up-empty.data-v-23112adb,
.up-empty__wrap.data-v-23112adb,
.up-tabs.data-v-23112adb,
.up-tabs__wrapper.data-v-23112adb,
.up-tabs__wrapper__scroll-view-wrapper.data-v-23112adb,
.up-tabs__wrapper__scroll-view.data-v-23112adb,
.up-tabs__wrapper__nav.data-v-23112adb,
.up-tabs__wrapper__nav__line.data-v-23112adb {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-swiper-indicator__wrapper.data-v-23112adb {
display: flex;
flex-direction: row;
}
.u-swiper-indicator__wrapper--line.data-v-23112adb {
border-radius: 100px;
height: 4px;
}
.u-swiper-indicator__wrapper--line__bar.data-v-23112adb {
width: 22px;
height: 4px;
border-radius: 100px;
background-color: #FFFFFF;
transition: transform 0.3s;
}
.u-swiper-indicator__wrapper__dot.data-v-23112adb {
width: 5px;
height: 5px;
border-radius: 100px;
margin: 0 4px;
}
.u-swiper-indicator__wrapper__dot--active.data-v-23112adb {
width: 12px;
}