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,136 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const base64Avatar = "data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjREMEQwRkY0RjgwNDExRUE5OTY2RDgxODY3NkJFODMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjREMEQwRkY1RjgwNDExRUE5OTY2RDgxODY3NkJFODMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEQwRDBGRjJGODA0MTFFQTk5NjZEODE4Njc2QkU4MzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEQwRDBGRjNGODA0MTFFQTk5NjZEODE4Njc2QkU4MzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCADIAMgDAREAAhEBAxEB/8QAcQABAQEAAwEBAAAAAAAAAAAAAAUEAQMGAgcBAQAAAAAAAAAAAAAAAAAAAAAQAAIBAwICBgkDBQAAAAAAAAABAhEDBCEFMVFBYXGREiKBscHRMkJSEyOh4XLxYjNDFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A/fAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHbHFyZ/Dam+yLA+Z2L0Pjtyj2poD4AAAAAAAAAAAAAAAAAAAAAAAAKWFs9y6lcvvwQeqj8z9wFaziY1n/HbUX9XF97A7QAGXI23EvJ1goyfzR0YEfN269jeZ+a03pNe0DIAAAAAAAAAAAAAAAAAAAACvtO3RcVkXlWutuL9YFYAAAAAOJRjKLjJVi9GmB5/csH/mu1h/in8PU+QGMAAAAAAAAAAAAAAAAAAaMDG/6MmMH8C80+xAelSSVFolwQAAAAAAAHVlWI37ErUulaPk+hgeYnCUJuElSUXRrrQHAAAAAAAAAAAAAAAAABa2Oz4bM7r4zdF2ICmAAAAAAAAAg7zZ8GX41wuJP0rRgYAAAAAAAAAAAAAAAAAD0m2R8ODaXU33tsDSAAAAAAAAAlb9HyWZcnJd9PcBHAAAAAAAAAAAAAAAAAPS7e64Vn+KA0AAAAAAAAAJm+v8Ftf3ewCKAAAAAAAAAAAAAAAAAX9muqeGo9NttP06+0DcAAAAAAAAAjb7dTu2ra+VOT9P8AQCWAAAAAAAAAAAAAAAAAUNmyPt5Ltv4bui/kuAF0AAAAAAADiUlGLlJ0SVW+oDzOXfd/Ind6JPRdS0QHSAAAAAAAAAAAAAAAAAE2nVaNcGB6Lbs6OTao9LsF51z60BrAAAAAABJ3jOVHjW3r/sa9QEgAAAAAAAAAAAAAAAAAAAPu1duWriuW34ZR4MC9hbnZyEoy8l36XwfYBsAAADaSq9EuLAlZ+7xSdrGdW9Hc5dgEdtt1erfFgAAAAAAAAAAAAAAAAADVjbblX6NR8MH80tEBRs7HYivyzlN8lovaBPzduvY0m6eK10TXtAyAarO55lpJK54orolr+4GqO/Xaea1FvqbXvA+Z77kNeW3GPbV+4DJfzcm/pcm3H6Vou5AdAFLC2ed2Pjv1txa8sV8T6wOL+yZEKu1JXFy4MDBOE4ScZxcZLinoB8gAAAAAAAAAAAB242LeyJ+C3GvN9C7QLmJtePYpKS+5c+p8F2IDYAANJqj1T4oCfk7Nj3G5Wn9qXJax7gJ93Z82D8sVNc4v30A6Xg5i42Z+iLfqARwcyT0sz9MWvWBps7LlTf5Grce9/oBTxdtxseklHxT+uWr9AGoAB138ezfj4bsFJdD6V2MCPm7RdtJzs1uW1xXzL3gTgAAAAAAAAADRhYc8q74I6RWs5ckB6GxYtWLat21SK731sDsAAAAAAAAAAAAAAAASt021NO/YjrxuQXT1oCOAAAAAAABzGLlJRSq26JAelwsWONYjbXxcZvmwO8AAAAAAAAAAAAAAAAAAef3TEWPkVivx3NY9T6UBiAAAAAABo2+VmGXblddIJ8eivRUD0oAAAAAAAAAAAAAAAAAAAYt4tKeFKVNYNSXfRgefAAAAAAAAr7VuSSWPedKaW5v1MCsAAAAAAAAAAAAAAAAAAIe6bj96Ts2n+JPzSXzP3ATgAAAAAAAAFbbt1UUrOQ9FpC4/UwK6aaqtU+DAAAAAAAAAAAAAAA4lKMIuUmoxWrb4ARNx3R3q2rLpa4Sl0y/YCcAAAAAAAAAAANmFud7G8r89r6X0dgFvGzLGRGtuWvTF6NAdwAAAAAAAAAAAy5W442PVN+K59EePp5ARMvOv5MvO6QXCC4AZwAAAAAAAAAAAAAcxlKLUotprg1owN+PvORborq+7Hnwl3gUbO74VzRydt8pKn68ANcJwmqwkpLmnUDkAAAAfNy9atqtyagut0AxXt5xIV8Fbj6lRd7Am5G65V6qUvtwfyx94GMAAAAAAAAAAAAAAAAAAAOU2nVOj5gdsc3LiqRvTpyqwOxbnnrhdfpSfrQB7pnv/AGvuS9gHXPMy5/Fem1yq0v0A6W29XqwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf//Z";
const _sfc_main = {
name: "u-avatar",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$2],
data() {
return {
// 如果配置randomBgColor参数为true,在图标或者文字的模式下,会随机从中取出一个颜色值当做背景色
colors: [
"#ffb34b",
"#f2bba9",
"#f7a196",
"#f18080",
"#88a867",
"#bfbf39",
"#89c152",
"#94d554",
"#f19ec2",
"#afaae4",
"#e1b0df",
"#c38cc1",
"#72dcdc",
"#9acdcb",
"#77b1cc",
"#448aca",
"#86cefa",
"#98d1ee",
"#73d1f1",
"#80a7dc"
],
avatarUrl: this.src,
allowMp: false
};
},
watch: {
// 监听头像src的变化,赋值给内部的avatarUrl变量,因为图片加载失败时,需要修改图片的src为默认值
// 而组件内部不能直接修改props的值,所以需要一个中间变量
src: {
immediate: true,
handler(newVal) {
this.avatarUrl = newVal;
if (!newVal) {
this.errorHandler();
}
}
}
},
computed: {
imageStyle() {
const style = {};
return style;
}
},
created() {
this.init();
},
emits: ["click"],
methods: {
addStyle: common_vendor.addStyle,
addUnit: common_vendor.addUnit,
random: common_vendor.random,
init() {
this.allowMp = true;
},
// 判断传入的name属性,是否图片路径,只要带有"/"均认为是图片形式
isImg() {
return this.src.indexOf("/") !== -1;
},
// 图片加载时失败时触发
errorHandler() {
this.avatarUrl = this.defaultUrl || base64Avatar;
},
clickHandler(e) {
this.$emit("click", this.name, e);
}
}
};
if (!Array) {
const _easycom_u_icon2 = common_vendor.resolveComponent("u-icon");
const _easycom_up_text2 = common_vendor.resolveComponent("up-text");
(_easycom_u_icon2 + _easycom_up_text2)();
}
const _easycom_u_icon = () => "../u-icon/u-icon.js";
const _easycom_up_text = () => "../u-text/u-text.js";
if (!Math) {
(_easycom_u_icon + _easycom_up_text)();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: _ctx.mpAvatar && $data.allowMp
}, _ctx.mpAvatar && $data.allowMp ? {
b: common_vendor.s({
width: $options.addUnit(_ctx.size),
height: $options.addUnit(_ctx.size)
})
} : {}, {
c: _ctx.mpAvatar && $data.allowMp
}, _ctx.mpAvatar && $data.allowMp ? {} : _ctx.icon ? {
e: common_vendor.p({
name: _ctx.icon,
size: _ctx.fontSize,
color: _ctx.color
})
} : _ctx.text ? {
g: common_vendor.p({
text: _ctx.text,
size: _ctx.fontSize,
color: _ctx.color,
align: "center",
customStyle: "justify-content: center"
})
} : {
h: common_vendor.n(`u-avatar__image--${_ctx.shape}`),
i: $data.avatarUrl || _ctx.defaultUrl,
j: _ctx.mode,
k: common_vendor.o((...args) => $options.errorHandler && $options.errorHandler(...args)),
l: common_vendor.s({
width: $options.addUnit(_ctx.size),
height: $options.addUnit(_ctx.size)
})
}, {
d: _ctx.icon,
f: _ctx.text,
m: common_vendor.n(`u-avatar--${_ctx.shape}`),
n: common_vendor.s({
backgroundColor: _ctx.text || _ctx.icon ? _ctx.randomBgColor ? $data.colors[_ctx.colorIndex !== "" ? _ctx.colorIndex : $options.random(0, 19)] : _ctx.bgColor : "transparent",
width: $options.addUnit(_ctx.size),
height: $options.addUnit(_ctx.size)
}),
o: common_vendor.s($options.addStyle(_ctx.customStyle)),
p: common_vendor.o((...args) => $options.clickHandler && $options.clickHandler(...args))
});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-14a988f2"]]);
wx.createComponent(Component);
@@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"u-icon": "../u-icon/u-icon",
"up-text": "../u-text/u-text"
}
}
@@ -0,0 +1 @@
<view class="{{['u-avatar', 'data-v-14a988f2', m, virtualHostClass]}}" style="{{n + ';' + o + ';' + virtualHostStyle}}" bindtap="{{p}}"><block wx:if="{{$slots.d}}"><slot></slot></block><block wx:else><open-data wx:if="{{a}}" class="data-v-14a988f2" type="userAvatarUrl" style="{{b}}"/><block wx:if="{{c}}"></block><u-icon wx:elif="{{d}}" class="data-v-14a988f2" virtualHostClass="data-v-14a988f2" u-i="14a988f2-0" bind:__l="__l" u-p="{{e}}"></u-icon><up-text wx:elif="{{f}}" class="data-v-14a988f2" virtualHostClass="data-v-14a988f2" u-i="14a988f2-1" bind:__l="__l" u-p="{{g}}"></up-text><image wx:else class="{{['u-avatar__image', 'data-v-14a988f2', h]}}" src="{{i}}" mode="{{j}}" binderror="{{k}}" style="{{l}}"></image></block></view>
@@ -0,0 +1,68 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-14a988f2,
.u-empty__wrap.data-v-14a988f2,
.u-tabs.data-v-14a988f2,
.u-tabs__wrapper.data-v-14a988f2,
.u-tabs__wrapper__scroll-view-wrapper.data-v-14a988f2,
.u-tabs__wrapper__scroll-view.data-v-14a988f2,
.u-tabs__wrapper__nav.data-v-14a988f2,
.u-tabs__wrapper__nav__line.data-v-14a988f2,
.up-empty.data-v-14a988f2,
.up-empty__wrap.data-v-14a988f2,
.up-tabs.data-v-14a988f2,
.up-tabs__wrapper.data-v-14a988f2,
.up-tabs__wrapper__scroll-view-wrapper.data-v-14a988f2,
.up-tabs__wrapper__scroll-view.data-v-14a988f2,
.up-tabs__wrapper__nav.data-v-14a988f2,
.up-tabs__wrapper__nav__line.data-v-14a988f2 {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-avatar.data-v-14a988f2 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.u-avatar--circle.data-v-14a988f2 {
border-radius: 100px;
}
.u-avatar--square.data-v-14a988f2 {
border-radius: 4px;
}
.u-avatar__image--circle.data-v-14a988f2 {
border-radius: 100px;
overflow: hidden;
}
.u-avatar__image--square.data-v-14a988f2 {
border-radius: 4px;
}
@@ -0,0 +1,80 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-back-top",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$16],
computed: {
backTopStyle() {
const style = {
bottom: common_vendor.addUnit(this.bottom),
right: common_vendor.addUnit(this.right),
width: "40px",
height: "40px",
position: "fixed",
zIndex: 10
};
return style;
},
show() {
return common_vendor.getPx(this.scrollTop) > common_vendor.getPx(this.top);
},
contentStyle() {
const style = {};
let radius = 0;
if (this.mode === "circle") {
radius = "100px";
} else {
radius = "4px";
}
style.borderTopLeftRadius = radius;
style.borderTopRightRadius = radius;
style.borderBottomLeftRadius = radius;
style.borderBottomRightRadius = radius;
return common_vendor.deepMerge(style, common_vendor.addStyle(this.customStyle));
}
},
emits: ["click"],
methods: {
backToTop() {
common_vendor.index.pageScrollTo({
scrollTop: 0,
duration: this.duration
});
this.$emit("click");
}
}
};
if (!Array) {
const _easycom_u_icon2 = common_vendor.resolveComponent("u-icon");
const _easycom_u_transition2 = common_vendor.resolveComponent("u-transition");
(_easycom_u_icon2 + _easycom_u_transition2)();
}
const _easycom_u_icon = () => "../u-icon/u-icon.js";
const _easycom_u_transition = () => "../u-transition/u-transition.js";
if (!Math) {
(_easycom_u_icon + _easycom_u_transition)();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: !_ctx.$slots.default && !_ctx.$slots.$default
}, !_ctx.$slots.default && !_ctx.$slots.$default ? common_vendor.e({
b: common_vendor.p({
name: _ctx.icon,
["custom-style"]: _ctx.iconStyle
}),
c: _ctx.text
}, _ctx.text ? {
d: common_vendor.t(_ctx.text)
} : {}, {
e: common_vendor.s($options.contentStyle),
f: common_vendor.o((...args) => $options.backToTop && $options.backToTop(...args))
}) : {}, {
g: common_vendor.p({
mode: "fade",
customStyle: $options.backTopStyle,
show: $options.show
})
});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-bf56b0c2"]]);
wx.createComponent(Component);
@@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"u-icon": "../u-icon/u-icon",
"u-transition": "../u-transition/u-transition"
}
}
@@ -0,0 +1 @@
<u-transition wx:if="{{g}}" u-s="{{['d']}}" u-i="bf56b0c2-0" bind:__l="__l" u-p="{{g}}" class="{{['data-v-bf56b0c2', virtualHostClass]}}" virtualHostClass="{{['data-v-bf56b0c2', virtualHostClass]}}" style="{{virtualHostStyle}}" virtualHostStyle="{{virtualHostStyle}}"><view wx:if="{{a}}" class="u-back-top data-v-bf56b0c2" style="{{e}}" bindtap="{{f}}"><u-icon wx:if="{{b}}" class="data-v-bf56b0c2" virtualHostClass="data-v-bf56b0c2" u-i="bf56b0c2-1,bf56b0c2-0" bind:__l="__l" u-p="{{b}}"></u-icon><text wx:if="{{c}}" class="u-back-top__text data-v-bf56b0c2">{{d}}</text></view><slot wx:else/></u-transition>
@@ -0,0 +1,63 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-bf56b0c2,
.u-empty__wrap.data-v-bf56b0c2,
.u-tabs.data-v-bf56b0c2,
.u-tabs__wrapper.data-v-bf56b0c2,
.u-tabs__wrapper__scroll-view-wrapper.data-v-bf56b0c2,
.u-tabs__wrapper__scroll-view.data-v-bf56b0c2,
.u-tabs__wrapper__nav.data-v-bf56b0c2,
.u-tabs__wrapper__nav__line.data-v-bf56b0c2,
.up-empty.data-v-bf56b0c2,
.up-empty__wrap.data-v-bf56b0c2,
.up-tabs.data-v-bf56b0c2,
.up-tabs__wrapper.data-v-bf56b0c2,
.up-tabs__wrapper__scroll-view-wrapper.data-v-bf56b0c2,
.up-tabs__wrapper__scroll-view.data-v-bf56b0c2,
.up-tabs__wrapper__nav.data-v-bf56b0c2,
.up-tabs__wrapper__nav__line.data-v-bf56b0c2 {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-back-top.data-v-bf56b0c2 {
display: flex;
flex-direction: row;
flex-direction: column;
align-items: center;
flex: 1;
height: 100%;
justify-content: center;
background-color: #E1E1E1;
}
.u-back-top__tips.data-v-bf56b0c2 {
font-size: 12px;
transform: scale(0.8);
}
@@ -0,0 +1,63 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-badge",
mixins: [common_vendor.mpMixin, common_vendor.props$17, common_vendor.mixin],
computed: {
// 是否将badge中心与父组件右上角重合
boxStyle() {
let style = {};
return style;
},
// 整个组件的样式
badgeStyle() {
const style = {};
if (this.color) {
style.color = this.color;
}
if (this.bgColor && !this.inverted) {
style.backgroundColor = this.bgColor;
}
if (this.absolute) {
style.position = "absolute";
if (this.offset.length) {
const top = this.offset[0];
const right = this.offset[1] || top;
style.top = common_vendor.addUnit(top);
style.right = common_vendor.addUnit(right);
}
}
return style;
},
showValue() {
switch (this.numberType) {
case "overflow":
return Number(this.value) > Number(this.max) ? this.max + "+" : this.value;
case "ellipsis":
return Number(this.value) > Number(this.max) ? "..." : this.value;
case "limit":
return Number(this.value) > 999 ? Number(this.value) >= 9999 ? Math.floor(this.value / 1e4 * 100) / 100 + "w" : Math.floor(this.value / 1e3 * 100) / 100 + "k" : this.value;
default:
return Number(this.value);
}
}
},
methods: {
addStyle: common_vendor.addStyle
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: _ctx.show && ((Number(_ctx.value) === 0 ? _ctx.showZero : true) || _ctx.isDot)
}, _ctx.show && ((Number(_ctx.value) === 0 ? _ctx.showZero : true) || _ctx.isDot) ? {
b: common_vendor.t(_ctx.isDot ? "" : $options.showValue),
c: common_vendor.n(_ctx.isDot ? "u-badge--dot" : "u-badge--not-dot"),
d: common_vendor.n(_ctx.inverted && "u-badge--inverted"),
e: common_vendor.n(_ctx.shape === "horn" && "u-badge--horn"),
f: common_vendor.n(`u-badge--${_ctx.type}${_ctx.inverted ? "--inverted" : ""}`),
g: common_vendor.s($options.addStyle(_ctx.customStyle)),
h: common_vendor.s($options.badgeStyle)
} : {});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-aa9883b1"]]);
wx.createComponent(Component);
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<text wx:if="{{a}}" class="{{[c, d, e, f, 'u-badge', 'data-v-aa9883b1', virtualHostClass]}}" style="{{g + ';' + h + ';' + virtualHostStyle}}">{{b}}</text>
@@ -0,0 +1,104 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-aa9883b1,
.u-empty__wrap.data-v-aa9883b1,
.u-tabs.data-v-aa9883b1,
.u-tabs__wrapper.data-v-aa9883b1,
.u-tabs__wrapper__scroll-view-wrapper.data-v-aa9883b1,
.u-tabs__wrapper__scroll-view.data-v-aa9883b1,
.u-tabs__wrapper__nav.data-v-aa9883b1,
.u-tabs__wrapper__nav__line.data-v-aa9883b1,
.up-empty.data-v-aa9883b1,
.up-empty__wrap.data-v-aa9883b1,
.up-tabs.data-v-aa9883b1,
.up-tabs__wrapper.data-v-aa9883b1,
.up-tabs__wrapper__scroll-view-wrapper.data-v-aa9883b1,
.up-tabs__wrapper__scroll-view.data-v-aa9883b1,
.up-tabs__wrapper__nav.data-v-aa9883b1,
.up-tabs__wrapper__nav__line.data-v-aa9883b1 {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-badge.data-v-aa9883b1 {
border-top-right-radius: 100px;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
display: flex;
flex-direction: row;
line-height: 11px;
text-align: center;
font-size: 11px;
color: #FFFFFF;
}
.u-badge--dot.data-v-aa9883b1 {
height: 8px;
width: 8px;
}
.u-badge--inverted.data-v-aa9883b1 {
font-size: 13px;
}
.u-badge--not-dot.data-v-aa9883b1 {
padding: 2px 5px;
}
.u-badge--horn.data-v-aa9883b1 {
border-bottom-left-radius: 0;
}
.u-badge--primary.data-v-aa9883b1 {
background-color: #4338CA;
}
.u-badge--primary--inverted.data-v-aa9883b1 {
color: #4338CA;
}
.u-badge--error.data-v-aa9883b1 {
background-color: #f56c6c;
}
.u-badge--error--inverted.data-v-aa9883b1 {
color: #f56c6c;
}
.u-badge--success.data-v-aa9883b1 {
background-color: #5ac725;
}
.u-badge--success--inverted.data-v-aa9883b1 {
color: #5ac725;
}
.u-badge--info.data-v-aa9883b1 {
background-color: #909399;
}
.u-badge--info--inverted.data-v-aa9883b1 {
color: #909399;
}
.u-badge--warning.data-v-aa9883b1 {
background-color: #f9ae3d;
}
.u-badge--warning--inverted.data-v-aa9883b1 {
color: #f9ae3d;
}
@@ -0,0 +1,200 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-button",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.buttonMixin, common_vendor.openType, common_vendor.props$6],
data() {
return {};
},
computed: {
// 生成bem风格的类名
bemClass() {
if (!this.color) {
return this.bem(
"button",
["type", "shape", "size"],
["disabled", "plain", "hairline"]
);
} else {
return this.bem(
"button",
["shape", "size"],
["disabled", "plain", "hairline"]
);
}
},
loadingColor() {
if (this.plain) {
return this.color ? this.color : common_vendor.color[`u-${this.type}`];
}
if (this.type === "info") {
return "#c9c9c9";
}
return "rgb(200, 200, 200)";
},
iconColorCom() {
if (this.iconColor)
return this.iconColor;
if (this.plain) {
return this.color ? this.color : this.type;
} else {
return this.type === "info" ? "#000000" : "#ffffff";
}
},
baseColor() {
let style = {};
if (this.color) {
style.color = this.plain ? this.color : "white";
if (!this.plain) {
style["background-color"] = this.color;
}
if (this.color.indexOf("gradient") !== -1) {
style.borderTopWidth = 0;
style.borderRightWidth = 0;
style.borderBottomWidth = 0;
style.borderLeftWidth = 0;
if (!this.plain) {
style.backgroundImage = this.color;
}
} else {
style.borderColor = this.color;
style.borderWidth = "1px";
style.borderStyle = "solid";
}
}
return style;
},
// nvue版本按钮的字体不会继承父组件的颜色,需要对每一个text组件进行单独的设置
nvueTextStyle() {
let style = {};
if (this.type === "info") {
style.color = "#323233";
}
if (this.color) {
style.color = this.plain ? this.color : "white";
}
style.fontSize = this.textSize + "px";
return style;
},
// 字体大小
textSize() {
let fontSize = 14, { size } = this;
if (size === "large")
fontSize = 16;
if (size === "normal")
fontSize = 14;
if (size === "small")
fontSize = 12;
if (size === "mini")
fontSize = 10;
return fontSize;
}
},
emits: [
"click",
"getphonenumber",
"getuserinfo",
"error",
"opensetting",
"launchapp",
"agreeprivacyauthorization"
],
methods: {
addStyle: common_vendor.addStyle,
clickHandler(e) {
if (!this.disabled && !this.loading) {
common_vendor.throttle(() => {
this.$emit("click", e);
}, this.throttleTime);
}
this.stop && this.preventEvent(e);
},
// 下面为对接uniapp官方按钮开放能力事件回调的对接
getphonenumber(res) {
this.$emit("getphonenumber", res);
},
getuserinfo(res) {
this.$emit("getuserinfo", res);
},
error(res) {
this.$emit("error", res);
},
opensetting(res) {
this.$emit("opensetting", res);
},
launchapp(res) {
this.$emit("launchapp", res);
},
agreeprivacyauthorization(res) {
this.$emit("agreeprivacyauthorization", res);
}
}
};
if (!Array) {
const _easycom_u_loading_icon2 = common_vendor.resolveComponent("u-loading-icon");
const _easycom_u_icon2 = common_vendor.resolveComponent("u-icon");
(_easycom_u_loading_icon2 + _easycom_u_icon2)();
}
const _easycom_u_loading_icon = () => "../u-loading-icon/u-loading-icon.js";
const _easycom_u_icon = () => "../u-icon/u-icon.js";
if (!Math) {
(_easycom_u_loading_icon + _easycom_u_icon)();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: _ctx.loading
}, _ctx.loading ? {
b: common_vendor.p({
mode: _ctx.loadingMode,
size: _ctx.loadingSize * 1.15,
color: $options.loadingColor
}),
c: common_vendor.t(_ctx.loadingText || _ctx.text),
d: common_vendor.s({
fontSize: $options.textSize + "px"
})
} : common_vendor.e({
e: _ctx.icon
}, _ctx.icon ? {
f: common_vendor.p({
name: _ctx.icon,
color: $options.iconColorCom,
size: $options.textSize * 1.35,
customStyle: {
marginRight: "2px"
}
})
} : {}, {
g: common_vendor.t(_ctx.text),
h: common_vendor.s({
fontSize: $options.textSize + "px"
})
}), {
i: Number(_ctx.hoverStartTime),
j: Number(_ctx.hoverStayTime),
k: _ctx.formType,
l: _ctx.openType,
m: _ctx.appParameter,
n: _ctx.hoverStopPropagation,
o: _ctx.sendMessageTitle,
p: _ctx.sendMessagePath,
q: _ctx.lang,
r: _ctx.dataName,
s: _ctx.sessionFrom,
t: _ctx.sendMessageImg,
v: _ctx.showMessageCard,
w: common_vendor.o((...args) => $options.getphonenumber && $options.getphonenumber(...args)),
x: common_vendor.o((...args) => $options.getuserinfo && $options.getuserinfo(...args)),
y: common_vendor.o((...args) => $options.error && $options.error(...args)),
z: common_vendor.o((...args) => $options.opensetting && $options.opensetting(...args)),
A: common_vendor.o((...args) => $options.launchapp && $options.launchapp(...args)),
B: common_vendor.o((...args) => $options.agreeprivacyauthorization && $options.agreeprivacyauthorization(...args)),
C: !_ctx.disabled && !_ctx.loading ? "u-button--active" : "",
D: common_vendor.s($options.baseColor),
E: common_vendor.s($options.addStyle(_ctx.customStyle)),
F: common_vendor.o((...args) => $options.clickHandler && $options.clickHandler(...args)),
G: common_vendor.n($options.bemClass)
});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-461e713c"]]);
wx.createComponent(Component);
@@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"u-loading-icon": "../u-loading-icon/u-loading-icon",
"u-icon": "../u-icon/u-icon"
}
}
@@ -0,0 +1 @@
<button hover-start-time="{{i}}" hover-stay-time="{{j}}" form-type="{{k}}" open-type="{{l}}" app-parameter="{{m}}" hover-stop-propagation="{{n}}" send-message-title="{{o}}" send-message-path="{{p}}" lang="{{q}}" data-name="{{r}}" session-from="{{s}}" send-message-img="{{t}}" show-message-card="{{v}}" bindgetphonenumber="{{w}}" bindgetuserinfo="{{x}}" binderror="{{y}}" bindopensetting="{{z}}" bindlaunchapp="{{A}}" bindagreeprivacyauthorization="{{B}}" hover-class="{{C}}" style="{{D + ';' + E + ';' + virtualHostStyle}}" bindtap="{{F}}" class="{{['u-button', 'u-reset-button', 'data-v-461e713c', G, virtualHostClass]}}"><block wx:if="{{a}}"><u-loading-icon wx:if="{{b}}" class="data-v-461e713c" virtualHostClass="data-v-461e713c" u-i="461e713c-0" bind:__l="__l" u-p="{{b}}"></u-loading-icon><text class="u-button__loading-text data-v-461e713c" style="{{d}}">{{c}}</text></block><block wx:else><u-icon wx:if="{{e}}" class="data-v-461e713c" virtualHostClass="data-v-461e713c" u-i="461e713c-1" bind:__l="__l" u-p="{{f}}"></u-icon><block wx:if="{{$slots.d}}"><slot></slot></block><block wx:else><text class="u-button__text data-v-461e713c" style="{{h}}">{{g}}</text></block></block></button>
@@ -0,0 +1,196 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-461e713c,
.u-empty__wrap.data-v-461e713c,
.u-tabs.data-v-461e713c,
.u-tabs__wrapper.data-v-461e713c,
.u-tabs__wrapper__scroll-view-wrapper.data-v-461e713c,
.u-tabs__wrapper__scroll-view.data-v-461e713c,
.u-tabs__wrapper__nav.data-v-461e713c,
.u-tabs__wrapper__nav__line.data-v-461e713c,
.up-empty.data-v-461e713c,
.up-empty__wrap.data-v-461e713c,
.up-tabs.data-v-461e713c,
.up-tabs__wrapper.data-v-461e713c,
.up-tabs__wrapper__scroll-view-wrapper.data-v-461e713c,
.up-tabs__wrapper__scroll-view.data-v-461e713c,
.up-tabs__wrapper__nav.data-v-461e713c,
.up-tabs__wrapper__nav__line.data-v-461e713c {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-button.data-v-461e713c {
width: 100%;
white-space: nowrap;
}
.u-button__text.data-v-461e713c {
white-space: nowrap;
line-height: 1;
}
.u-button.data-v-461e713c:before {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
border: inherit;
border-radius: inherit;
transform: translate(-50%, -50%);
opacity: 0;
content: " ";
background-color: #000;
border-color: #000;
}
.u-button--active.data-v-461e713c:before {
opacity: 0.15;
}
.u-button__icon + .u-button__text.data-v-461e713c:not(:empty), .u-button__loading-text.data-v-461e713c {
margin-left: 4px;
}
.u-button--plain.u-button--primary.data-v-461e713c {
color: #4338CA;
}
.u-button--plain.u-button--info.data-v-461e713c {
color: #909399;
}
.u-button--plain.u-button--success.data-v-461e713c {
color: #5ac725;
}
.u-button--plain.u-button--error.data-v-461e713c {
color: #f56c6c;
}
.u-button--plain.u-button--warning.data-v-461e713c {
color: #f9ae3d;
}
.u-button.data-v-461e713c {
height: 40px;
position: relative;
align-items: center;
justify-content: center;
display: flex;
flex-direction: row;
box-sizing: border-box;
flex-direction: row;
}
.u-button__text.data-v-461e713c {
font-size: 15px;
}
.u-button__loading-text.data-v-461e713c {
font-size: 15px;
margin-left: 4px;
}
.u-button--large.data-v-461e713c {
width: 100%;
height: 50px;
padding: 0 15px;
}
.u-button--normal.data-v-461e713c {
padding: 0 12px;
font-size: 14px;
}
.u-button--small.data-v-461e713c {
min-width: 60px;
height: 30px;
padding: 0px 8px;
font-size: 12px;
}
.u-button--mini.data-v-461e713c {
height: 22px;
font-size: 10px;
min-width: 50px;
padding: 0px 8px;
}
.u-button--disabled.data-v-461e713c {
opacity: 0.5;
}
.u-button--info.data-v-461e713c {
color: #323233;
background-color: #fff;
border-color: #ebedf0;
border-width: 1px;
border-style: solid;
}
.u-button--success.data-v-461e713c {
color: #fff;
background-color: #5ac725;
border-color: #5ac725;
border-width: 1px;
border-style: solid;
}
.u-button--primary.data-v-461e713c {
color: #fff;
background-color: #4338CA;
border-color: #4338CA;
border-width: 1px;
border-style: solid;
}
.u-button--error.data-v-461e713c {
color: #fff;
background-color: #f56c6c;
border-color: #f56c6c;
border-width: 1px;
border-style: solid;
}
.u-button--warning.data-v-461e713c {
color: #fff;
background-color: #f9ae3d;
border-color: #f9ae3d;
border-width: 1px;
border-style: solid;
}
.u-button--block.data-v-461e713c {
display: flex;
flex-direction: row;
width: 100%;
}
.u-button--circle.data-v-461e713c {
border-top-right-radius: 100px;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
}
.u-button--square.data-v-461e713c {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.u-button__icon.data-v-461e713c {
min-width: 1em;
line-height: inherit !important;
vertical-align: top;
}
.u-button--plain.data-v-461e713c {
background-color: #fff;
}
.u-button--hairline.data-v-461e713c {
border-width: 0.5px !important;
}
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<view catchtap="{{C}}" class="{{['u-card', 'data-v-9ac08dde', D && 'u-border', E && 'u-card-full', F && 'u-card--border', virtualHostClass]}}" style="{{'border-radius:' + G + ';' + ('margin:' + H) + ';' + ('box-shadow:' + I) + ';' + virtualHostStyle}}"><view wx:if="{{a}}" style="{{p + ';' + q}}" class="{{['u-card__head', 'data-v-9ac08dde', r && 'u-border-bottom']}}" bindtap="{{s}}"><view wx:if="{{b}}" class="u-flex u-flex-between data-v-9ac08dde"><view wx:if="{{c}}" class="u-card__head--left u-flex u-line-1 data-v-9ac08dde"><image wx:if="{{d}}" src="{{e}}" class="u-card__head--left__thumb data-v-9ac08dde" mode="aspectFill" style="{{'height:' + f + ';' + ('width:' + g) + ';' + ('border-radius:' + h)}}"></image><text class="u-card__head--left__title u-line-1 data-v-9ac08dde" style="{{'font-size:' + j + ';' + ('color:' + k)}}">{{i}}</text></view><view wx:if="{{l}}" class="u-card__head--right u-line-1 data-v-9ac08dde"><text class="u-card__head__title__text data-v-9ac08dde" style="{{'font-size:' + n + ';' + ('color:' + o)}}">{{m}}</text></view></view><slot wx:else name="head"/></view><view bindtap="{{t}}" class="u-card__body data-v-9ac08dde" style="{{v + ';' + w}}"><slot name="body"/></view><view wx:if="{{x}}" bindtap="{{y}}" style="{{z + ';' + A}}" class="{{['u-card__foot', 'data-v-9ac08dde', B && 'u-border-top']}}"><slot name="foot"/></view></view>
@@ -0,0 +1,31 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-cell-group",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$5],
methods: {
addStyle: common_vendor.addStyle
}
};
if (!Array) {
const _easycom_u_line2 = common_vendor.resolveComponent("u-line");
_easycom_u_line2();
}
const _easycom_u_line = () => "../u-line/u-line.js";
if (!Math) {
_easycom_u_line();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: _ctx.title
}, _ctx.title ? {
b: common_vendor.t(_ctx.title)
} : {}, {
c: _ctx.border
}, _ctx.border ? {} : {}, {
d: common_vendor.s($options.addStyle(_ctx.customStyle)),
e: common_vendor.n(_ctx.customClass)
});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-30c8e4c7"]]);
wx.createComponent(Component);
@@ -0,0 +1,6 @@
{
"component": true,
"usingComponents": {
"u-line": "../u-line/u-line"
}
}
@@ -0,0 +1 @@
<view style="{{d + ';' + virtualHostStyle}}" class="{{[e, 'u-cell-group', 'data-v-30c8e4c7', virtualHostClass]}}"><view wx:if="{{a}}" class="u-cell-group__title data-v-30c8e4c7"><block wx:if="{{$slots.title}}"><slot name="title"></slot></block><block wx:else><text class="u-cell-group__title__text data-v-30c8e4c7">{{b}}</text></block></view><view class="u-cell-group__wrapper data-v-30c8e4c7"><u-line wx:if="{{c}}" class="data-v-30c8e4c7" virtualHostClass="data-v-30c8e4c7" u-i="30c8e4c7-0" bind:__l="__l"></u-line><slot/></view></view>
@@ -0,0 +1,63 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-30c8e4c7,
.u-empty__wrap.data-v-30c8e4c7,
.u-tabs.data-v-30c8e4c7,
.u-tabs__wrapper.data-v-30c8e4c7,
.u-tabs__wrapper__scroll-view-wrapper.data-v-30c8e4c7,
.u-tabs__wrapper__scroll-view.data-v-30c8e4c7,
.u-tabs__wrapper__nav.data-v-30c8e4c7,
.u-tabs__wrapper__nav__line.data-v-30c8e4c7,
.up-empty.data-v-30c8e4c7,
.up-empty__wrap.data-v-30c8e4c7,
.up-tabs.data-v-30c8e4c7,
.up-tabs__wrapper.data-v-30c8e4c7,
.up-tabs__wrapper__scroll-view-wrapper.data-v-30c8e4c7,
.up-tabs__wrapper__scroll-view.data-v-30c8e4c7,
.up-tabs__wrapper__nav.data-v-30c8e4c7,
.up-tabs__wrapper__nav__line.data-v-30c8e4c7 {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-cell-group.data-v-30c8e4c7 {
flex: 1;
}
.u-cell-group__title.data-v-30c8e4c7 {
padding: 16px 16px 8px;
}
.u-cell-group__title__text.data-v-30c8e4c7 {
font-size: 15px;
line-height: 16px;
color: #303133;
}
.u-cell-group__wrapper.data-v-30c8e4c7 {
position: relative;
}
@@ -0,0 +1,100 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-cell",
data() {
return {};
},
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$4],
computed: {
titleTextStyle() {
return common_vendor.addStyle(this.titleStyle);
}
},
emits: ["click"],
methods: {
addStyle: common_vendor.addStyle,
testEmpty: common_vendor.test.empty,
// 点击cell
clickHandler(e) {
if (this.disabled)
return;
this.$emit("click", {
name: this.name
});
this.openPage();
this.stop && this.preventEvent(e);
}
}
};
if (!Array) {
const _easycom_u_icon2 = common_vendor.resolveComponent("u-icon");
const _easycom_u_line2 = common_vendor.resolveComponent("u-line");
(_easycom_u_icon2 + _easycom_u_line2)();
}
const _easycom_u_icon = () => "../u-icon/u-icon.js";
const _easycom_u_line = () => "../u-line/u-line.js";
if (!Math) {
(_easycom_u_icon + _easycom_u_line)();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: _ctx.$slots.icon || _ctx.icon
}, _ctx.$slots.icon || _ctx.icon ? common_vendor.e({
b: _ctx.$slots.icon
}, _ctx.$slots.icon ? {} : {
c: common_vendor.p({
name: _ctx.icon,
["custom-style"]: _ctx.iconStyle,
size: _ctx.size === "large" ? 22 : 18
})
}) : {}, {
d: _ctx.$slots.title || !_ctx.title
}, _ctx.$slots.title || !_ctx.title ? {} : {
e: common_vendor.t(_ctx.title),
f: common_vendor.s($options.titleTextStyle),
g: common_vendor.n(_ctx.required && "u-cell--required"),
h: common_vendor.n(_ctx.disabled && "u-cell--disabled"),
i: common_vendor.n(_ctx.size === "large" && "u-cell__title-text--large")
}, {
j: _ctx.label
}, _ctx.label ? {
k: common_vendor.t(_ctx.label),
l: common_vendor.n(_ctx.disabled && "u-cell--disabled"),
m: common_vendor.n(_ctx.size === "large" && "u-cell__label--large")
} : {}, {
n: !$options.testEmpty(_ctx.value)
}, !$options.testEmpty(_ctx.value) ? {
o: common_vendor.t(_ctx.value),
p: common_vendor.n(_ctx.disabled && "u-cell--disabled"),
q: common_vendor.n(_ctx.size === "large" && "u-cell__value--large")
} : {}, {
r: _ctx.$slots["right-icon"] || _ctx.isLink
}, _ctx.$slots["right-icon"] || _ctx.isLink ? common_vendor.e({
s: _ctx.rightIcon && !_ctx.$slots["right-icon"]
}, _ctx.rightIcon && !_ctx.$slots["right-icon"] ? {
t: common_vendor.p({
name: _ctx.rightIcon,
["custom-style"]: _ctx.rightIconStyle,
color: _ctx.disabled ? "#c8c9cc" : "info",
size: _ctx.size === "large" ? 18 : 16
})
} : {}, {
v: common_vendor.n(`u-cell__right-icon-wrap--${_ctx.arrowDirection}`)
}) : {}, {
w: _ctx.$slots["righticon"]
}, _ctx.$slots["righticon"] ? {
x: common_vendor.n(`u-cell__right-icon-wrap--${_ctx.arrowDirection}`)
} : {}, {
y: common_vendor.n(_ctx.center && "u-cell--center"),
z: common_vendor.n(_ctx.size === "large" && "u-cell__body--large"),
A: _ctx.border
}, _ctx.border ? {} : {}, {
B: common_vendor.n(_ctx.customClass),
C: common_vendor.s($options.addStyle(_ctx.customStyle)),
D: !_ctx.disabled && (_ctx.clickable || _ctx.isLink) ? "u-cell--clickable" : "",
E: common_vendor.o((...args) => $options.clickHandler && $options.clickHandler(...args))
});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b4243719"]]);
wx.createComponent(Component);
@@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"u-icon": "../u-icon/u-icon",
"u-line": "../u-line/u-line"
}
}
@@ -0,0 +1 @@
<view class="{{['u-cell', 'data-v-b4243719', B, virtualHostClass]}}" style="{{C + ';' + virtualHostStyle}}" hover-class="{{D}}" hover-stay-time="{{250}}" bindtap="{{E}}"><view class="{{['u-cell__body', 'data-v-b4243719', y, z]}}"><view class="u-cell__body__content data-v-b4243719"><view wx:if="{{a}}" class="u-cell__left-icon-wrap data-v-b4243719"><slot wx:if="{{b}}" name="icon"></slot><u-icon wx:else class="data-v-b4243719" virtualHostClass="data-v-b4243719" u-i="b4243719-0" bind:__l="__l" u-p="{{c||''}}"></u-icon></view><view class="u-cell__title data-v-b4243719"><slot wx:if="{{d}}" name="title"></slot><text wx:else style="{{f}}" class="{{['u-cell__title-text', 'data-v-b4243719', g, h, i]}}">{{e}}</text><block wx:if="{{$slots.label}}"><slot name="label"></slot></block><block wx:else><text wx:if="{{j}}" class="{{['u-cell__label', 'data-v-b4243719', l, m]}}">{{k}}</text></block></view></view><block wx:if="{{$slots.value}}"><slot name="value"></slot></block><block wx:else><text wx:if="{{n}}" class="{{['u-cell__value', 'data-v-b4243719', p, q]}}">{{o}}</text></block><view wx:if="{{r}}" class="{{['u-cell__right-icon-wrap', 'data-v-b4243719', v]}}"><u-icon wx:if="{{s}}" class="data-v-b4243719" virtualHostClass="data-v-b4243719" u-i="b4243719-1" bind:__l="__l" u-p="{{t}}"></u-icon><slot wx:else name="right-icon"></slot></view><view wx:if="{{w}}" class="{{['u-cell__right-icon-wrap', 'data-v-b4243719', x]}}"><slot name="righticon"></slot></view></view><u-line wx:if="{{A}}" class="data-v-b4243719" virtualHostClass="data-v-b4243719" u-i="b4243719-2" bind:__l="__l"></u-line></view>
@@ -0,0 +1,143 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-b4243719,
.u-empty__wrap.data-v-b4243719,
.u-tabs.data-v-b4243719,
.u-tabs__wrapper.data-v-b4243719,
.u-tabs__wrapper__scroll-view-wrapper.data-v-b4243719,
.u-tabs__wrapper__scroll-view.data-v-b4243719,
.u-tabs__wrapper__nav.data-v-b4243719,
.u-tabs__wrapper__nav__line.data-v-b4243719,
.up-empty.data-v-b4243719,
.up-empty__wrap.data-v-b4243719,
.up-tabs.data-v-b4243719,
.up-tabs__wrapper.data-v-b4243719,
.up-tabs__wrapper__scroll-view-wrapper.data-v-b4243719,
.up-tabs__wrapper__scroll-view.data-v-b4243719,
.up-tabs__wrapper__nav.data-v-b4243719,
.up-tabs__wrapper__nav__line.data-v-b4243719 {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-cell__body.data-v-b4243719 {
display: flex;
flex-direction: row;
box-sizing: border-box;
padding: 13px 15px;
font-size: 15px;
color: #303133;
align-items: center;
}
.u-cell__body__content.data-v-b4243719 {
display: flex;
flex-direction: row;
align-items: center;
flex: 1;
}
.u-cell__body--large.data-v-b4243719 {
padding-top: 13px;
padding-bottom: 13px;
}
.u-cell__left-icon-wrap.data-v-b4243719, .u-cell__right-icon-wrap.data-v-b4243719 {
display: flex;
flex-direction: row;
align-items: center;
font-size: 16px;
}
.u-cell__left-icon-wrap.data-v-b4243719 {
margin-right: 4px;
}
.u-cell__right-icon-wrap.data-v-b4243719 {
margin-left: 4px;
transition: transform 0.3s;
}
.u-cell__right-icon-wrap--up.data-v-b4243719 {
transform: rotate(-90deg);
}
.u-cell__right-icon-wrap--down.data-v-b4243719 {
transform: rotate(90deg);
}
.u-cell__title.data-v-b4243719 {
flex: 1;
display: flex;
flex-direction: column;
}
.u-cell__title-text.data-v-b4243719 {
font-size: 15px;
line-height: 22px;
color: #303133;
}
.u-cell__title-text--large.data-v-b4243719 {
font-size: 16px;
}
.u-cell__label.data-v-b4243719 {
margin-top: 5px;
font-size: 12px;
color: #909193;
line-height: 18px;
}
.u-cell__label--large.data-v-b4243719 {
font-size: 14px;
}
.u-cell__value.data-v-b4243719 {
text-align: right;
margin-left: auto;
font-size: 14px;
line-height: 24px;
color: #606266;
}
.u-cell__value--large.data-v-b4243719 {
font-size: 15px;
}
.u-cell--required.data-v-b4243719 {
overflow: visible;
display: flex;
flex-direction: row;
align-items: center;
}
.u-cell--required.data-v-b4243719:before {
position: absolute;
content: "*";
left: -8px;
margin-top: 4rpx;
font-size: 14px;
color: #f56c6c;
}
.u-cell--clickable.data-v-b4243719 {
background-color: #f3f4f6;
}
.u-cell--disabled.data-v-b4243719 {
color: #c8c9cc;
cursor: not-allowed;
}
.u-cell--center.data-v-b4243719 {
align-items: center;
}
@@ -0,0 +1,24 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-gap",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props],
computed: {
gapStyle() {
const style = {
backgroundColor: this.bgColor,
height: common_vendor.addUnit(this.height),
marginTop: common_vendor.addUnit(this.marginTop),
marginBottom: common_vendor.addUnit(this.marginBottom)
};
return common_vendor.deepMerge(style, common_vendor.addStyle(this.customStyle));
}
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {
a: common_vendor.s($options.gapStyle)
};
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a491fc03"]]);
wx.createComponent(Component);
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<view style="{{a + ';' + virtualHostStyle}}" class="{{['u-gap', 'data-v-a491fc03', virtualHostClass]}}"></view>
@@ -0,0 +1,49 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-a491fc03,
.u-empty__wrap.data-v-a491fc03,
.u-tabs.data-v-a491fc03,
.u-tabs__wrapper.data-v-a491fc03,
.u-tabs__wrapper__scroll-view-wrapper.data-v-a491fc03,
.u-tabs__wrapper__scroll-view.data-v-a491fc03,
.u-tabs__wrapper__nav.data-v-a491fc03,
.u-tabs__wrapper__nav__line.data-v-a491fc03,
.up-empty.data-v-a491fc03,
.up-empty__wrap.data-v-a491fc03,
.up-tabs.data-v-a491fc03,
.up-tabs__wrapper.data-v-a491fc03,
.up-tabs__wrapper__scroll-view-wrapper.data-v-a491fc03,
.up-tabs__wrapper__scroll-view.data-v-a491fc03,
.up-tabs__wrapper__nav.data-v-a491fc03,
.up-tabs__wrapper__nav__line.data-v-a491fc03 {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
@@ -0,0 +1,92 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-icon",
data() {
return {};
},
emits: ["click"],
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$3],
computed: {
uClasses() {
let classes = [];
classes.push(this.customPrefix + "-" + this.name);
if (this.customPrefix == "uicon") {
classes.push("u-iconfont");
} else {
classes.push(this.customPrefix);
}
if (this.color && common_vendor.config.type.includes(this.color))
classes.push("u-icon__icon--" + this.color);
return classes;
},
iconStyle() {
let style = {};
style = {
fontSize: common_vendor.addUnit(this.size),
lineHeight: common_vendor.addUnit(this.size),
fontWeight: this.bold ? "bold" : "normal",
// 某些特殊情况需要设置一个到顶部的距离,才能更好的垂直居中
top: common_vendor.addUnit(this.top)
};
if (this.color && !common_vendor.config.type.includes(this.color))
style.color = this.color;
return style;
},
// 判断传入的name属性,是否图片路径,只要带有"/"均认为是图片形式
isImg() {
return this.name.indexOf("/") !== -1;
},
imgStyle() {
let style = {};
style.width = this.width ? common_vendor.addUnit(this.width) : common_vendor.addUnit(this.size);
style.height = this.height ? common_vendor.addUnit(this.height) : common_vendor.addUnit(this.size);
return style;
},
// 通过图标名,查找对应的图标
icon() {
if (this.customPrefix !== "uicon")
return "";
return common_vendor.icons["uicon-" + this.name] || this.name;
}
},
methods: {
addStyle: common_vendor.addStyle,
addUnit: common_vendor.addUnit,
clickHandler(e) {
this.$emit("click", this.index, e);
this.stop && this.preventEvent(e);
}
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: $options.isImg
}, $options.isImg ? {
b: _ctx.name,
c: _ctx.imgMode,
d: common_vendor.s($options.imgStyle),
e: common_vendor.s($options.addStyle(_ctx.customStyle))
} : {
f: common_vendor.t($options.icon),
g: common_vendor.n($options.uClasses),
h: common_vendor.s($options.iconStyle),
i: common_vendor.s($options.addStyle(_ctx.customStyle)),
j: _ctx.hoverClass
}, {
k: _ctx.label !== ""
}, _ctx.label !== "" ? {
l: common_vendor.t(_ctx.label),
m: _ctx.labelColor,
n: $options.addUnit(_ctx.labelSize),
o: _ctx.labelPos == "right" ? $options.addUnit(_ctx.space) : 0,
p: _ctx.labelPos == "bottom" ? $options.addUnit(_ctx.space) : 0,
q: _ctx.labelPos == "left" ? $options.addUnit(_ctx.space) : 0,
r: _ctx.labelPos == "top" ? $options.addUnit(_ctx.space) : 0
} : {}, {
s: common_vendor.o((...args) => $options.clickHandler && $options.clickHandler(...args)),
t: common_vendor.n("u-icon--" + _ctx.labelPos)
});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1c933a9a"]]);
wx.createComponent(Component);
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<view bindtap="{{s}}" class="{{['u-icon', 'data-v-1c933a9a', t, virtualHostClass]}}" style="{{virtualHostStyle}}"><image wx:if="{{a}}" class="u-icon__img data-v-1c933a9a" src="{{b}}" mode="{{c}}" style="{{d + ';' + e}}"></image><text wx:else class="{{['u-icon__icon', 'data-v-1c933a9a', g]}}" style="{{h + ';' + i}}" hover-class="{{j}}">{{f}}</text><text wx:if="{{k}}" class="u-icon__label data-v-1c933a9a" style="{{'color:' + m + ';' + ('font-size:' + n) + ';' + ('margin-left:' + o) + ';' + ('margin-top:' + p) + ';' + ('margin-right:' + q) + ';' + ('margin-bottom:' + r)}}">{{l}}</text></view>
@@ -0,0 +1,102 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-1c933a9a,
.u-empty__wrap.data-v-1c933a9a,
.u-tabs.data-v-1c933a9a,
.u-tabs__wrapper.data-v-1c933a9a,
.u-tabs__wrapper__scroll-view-wrapper.data-v-1c933a9a,
.u-tabs__wrapper__scroll-view.data-v-1c933a9a,
.u-tabs__wrapper__nav.data-v-1c933a9a,
.u-tabs__wrapper__nav__line.data-v-1c933a9a,
.up-empty.data-v-1c933a9a,
.up-empty__wrap.data-v-1c933a9a,
.up-tabs.data-v-1c933a9a,
.up-tabs__wrapper.data-v-1c933a9a,
.up-tabs__wrapper__scroll-view-wrapper.data-v-1c933a9a,
.up-tabs__wrapper__scroll-view.data-v-1c933a9a,
.up-tabs__wrapper__nav.data-v-1c933a9a,
.up-tabs__wrapper__nav__line.data-v-1c933a9a {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
@font-face {
font-family: "uicon-iconfont";
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
}
.u-icon.data-v-1c933a9a {
display: flex;
align-items: center;
}
.u-icon--left.data-v-1c933a9a {
flex-direction: row-reverse;
align-items: center;
}
.u-icon--right.data-v-1c933a9a {
flex-direction: row;
align-items: center;
}
.u-icon--top.data-v-1c933a9a {
flex-direction: column-reverse;
justify-content: center;
}
.u-icon--bottom.data-v-1c933a9a {
flex-direction: column;
justify-content: center;
}
.u-icon__icon.data-v-1c933a9a {
font-family: uicon-iconfont;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
}
.u-icon__icon--primary.data-v-1c933a9a {
color: #4338CA;
}
.u-icon__icon--success.data-v-1c933a9a {
color: #5ac725;
}
.u-icon__icon--error.data-v-1c933a9a {
color: #f56c6c;
}
.u-icon__icon--warning.data-v-1c933a9a {
color: #f9ae3d;
}
.u-icon__icon--info.data-v-1c933a9a {
color: #909399;
}
.u-icon__img.data-v-1c933a9a {
height: auto;
will-change: transform;
}
.u-icon__label.data-v-1c933a9a {
line-height: 1;
}
@@ -0,0 +1,34 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-line",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$8],
computed: {
lineStyle() {
const style = {};
style.margin = this.margin;
if (this.direction === "row") {
style.borderBottomWidth = "1px";
style.borderBottomStyle = this.dashed ? "dashed" : "solid";
style.width = common_vendor.addUnit(this.length);
if (this.hairline)
style.transform = "scaleY(0.5)";
} else {
style.borderLeftWidth = "1px";
style.borderLeftStyle = this.dashed ? "dashed" : "solid";
style.height = common_vendor.addUnit(this.length);
if (this.hairline)
style.transform = "scaleX(0.5)";
}
style.borderColor = this.color;
return common_vendor.deepMerge(style, common_vendor.addStyle(this.customStyle));
}
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {
a: common_vendor.s($options.lineStyle)
};
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-bbd9963c"]]);
wx.createComponent(Component);
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<view style="{{a + ';' + virtualHostStyle}}" class="{{['u-line', 'data-v-bbd9963c', virtualHostClass]}}"></view>
@@ -0,0 +1,52 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-bbd9963c,
.u-empty__wrap.data-v-bbd9963c,
.u-tabs.data-v-bbd9963c,
.u-tabs__wrapper.data-v-bbd9963c,
.u-tabs__wrapper__scroll-view-wrapper.data-v-bbd9963c,
.u-tabs__wrapper__scroll-view.data-v-bbd9963c,
.u-tabs__wrapper__nav.data-v-bbd9963c,
.u-tabs__wrapper__nav__line.data-v-bbd9963c,
.up-empty.data-v-bbd9963c,
.up-empty__wrap.data-v-bbd9963c,
.up-tabs.data-v-bbd9963c,
.up-tabs__wrapper.data-v-bbd9963c,
.up-tabs__wrapper__scroll-view-wrapper.data-v-bbd9963c,
.up-tabs__wrapper__scroll-view.data-v-bbd9963c,
.up-tabs__wrapper__nav.data-v-bbd9963c,
.up-tabs__wrapper__nav__line.data-v-bbd9963c {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-line.data-v-bbd9963c {
vertical-align: middle;
}
@@ -0,0 +1,44 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-link",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$15],
computed: {
linkStyle() {
const style = {
color: this.color,
fontSize: common_vendor.addUnit(this.fontSize),
// line-height设置为比字体大小多2px
lineHeight: common_vendor.addUnit(common_vendor.getPx(this.fontSize) + 2),
textDecoration: this.underLine ? "underline" : "none"
};
return style;
}
},
emits: ["click"],
methods: {
addStyle: common_vendor.addStyle,
openLink() {
common_vendor.index.setClipboardData({
data: this.href,
success: () => {
common_vendor.index.hideToast();
this.$nextTick(() => {
common_vendor.toast(this.mpTips);
});
}
});
this.$emit("click");
}
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {
a: common_vendor.t(_ctx.text),
b: common_vendor.o((...args) => $options.openLink && $options.openLink(...args)),
c: common_vendor.s($options.linkStyle),
d: common_vendor.s($options.addStyle(_ctx.customStyle))
};
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dedad317"]]);
wx.createComponent(Component);
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<text catchtap="{{b}}" style="{{c + ';' + d + ';' + virtualHostStyle}}" class="{{['u-link', 'data-v-dedad317', virtualHostClass]}}">{{a}}</text>
@@ -0,0 +1,56 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-dedad317,
.u-empty__wrap.data-v-dedad317,
.u-tabs.data-v-dedad317,
.u-tabs__wrapper.data-v-dedad317,
.u-tabs__wrapper__scroll-view-wrapper.data-v-dedad317,
.u-tabs__wrapper__scroll-view.data-v-dedad317,
.u-tabs__wrapper__nav.data-v-dedad317,
.u-tabs__wrapper__nav__line.data-v-dedad317,
.up-empty.data-v-dedad317,
.up-empty__wrap.data-v-dedad317,
.up-tabs.data-v-dedad317,
.up-tabs__wrapper.data-v-dedad317,
.up-tabs__wrapper__scroll-view-wrapper.data-v-dedad317,
.up-tabs__wrapper__scroll-view.data-v-dedad317,
.up-tabs__wrapper__nav.data-v-dedad317,
.up-tabs__wrapper__nav__line.data-v-dedad317 {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-link.data-v-dedad317 {
line-height: 1;
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex: 1;
}
@@ -0,0 +1,100 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-loading-icon",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$12],
data() {
return {
// Array.form可以通过一个伪数组对象创建指定长度的数组
// https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from
array12: Array.from({
length: 12
}),
// 这里需要设置默认值为360,否则在安卓nvue上,会延迟一个duration周期后才执行
// 在iOS nvue上,则会一开始默认执行两个周期的动画
aniAngel: 360,
// 动画旋转角度
webviewHide: false,
// 监听webview的状态,如果隐藏了页面,则停止动画,以免性能消耗
loading: false
// 是否运行中,针对nvue使用
};
},
computed: {
// 当为circle类型时,给其另外三边设置一个更轻一些的颜色
// 之所以需要这么做的原因是,比如父组件传了color为红色,那么需要另外的三个边为浅红色
// 而不能是固定的某一个其他颜色(因为这个固定的颜色可能浅蓝,导致效果没有那么细腻良好)
otherBorderColor() {
const lightColor = common_vendor.colorGradient(this.color, "#ffffff", 100)[80];
if (this.mode === "circle") {
return this.inactiveColor ? this.inactiveColor : lightColor;
} else {
return "transparent";
}
}
},
watch: {
show(n) {
}
},
mounted() {
this.init();
},
methods: {
addUnit: common_vendor.addUnit,
addStyle: common_vendor.addStyle,
init() {
setTimeout(() => {
}, 20);
},
// 监听webview的显示与隐藏
addEventListenerToWebview() {
const pages = getCurrentPages();
const page = pages[pages.length - 1];
const currentWebview = page.$getAppWebview();
currentWebview.addEventListener("hide", () => {
this.webviewHide = true;
});
currentWebview.addEventListener("show", () => {
this.webviewHide = false;
});
}
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: _ctx.show
}, _ctx.show ? common_vendor.e({
b: !$data.webviewHide
}, !$data.webviewHide ? common_vendor.e({
c: _ctx.mode === "spinner"
}, _ctx.mode === "spinner" ? {
d: common_vendor.f($data.array12, (item, index, i0) => {
return {
a: index
};
})
} : {}, {
e: common_vendor.n(`u-loading-icon__spinner--${_ctx.mode}`),
f: _ctx.color,
g: $options.addUnit(_ctx.size),
h: $options.addUnit(_ctx.size),
i: _ctx.color,
j: $options.otherBorderColor,
k: $options.otherBorderColor,
l: $options.otherBorderColor,
m: `${_ctx.duration}ms`,
n: _ctx.mode === "semicircle" || _ctx.mode === "circle" ? _ctx.timingFunction : ""
}) : {}, {
o: _ctx.text
}, _ctx.text ? {
p: common_vendor.t(_ctx.text),
q: $options.addUnit(_ctx.textSize),
r: _ctx.textColor
} : {}, {
s: common_vendor.s($options.addStyle(_ctx.customStyle)),
t: common_vendor.n(_ctx.vertical && "u-loading-icon--vertical")
}) : {});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-00752c6d"]]);
wx.createComponent(Component);
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<view wx:if="{{a}}" style="{{s + ';' + virtualHostStyle}}" class="{{['u-loading-icon', 'data-v-00752c6d', t, virtualHostClass]}}"><view wx:if="{{b}}" class="{{['u-loading-icon__spinner', 'data-v-00752c6d', e]}}" ref="ani" style="{{'color:' + f + ';' + ('width:' + g) + ';' + ('height:' + h) + ';' + ('border-top-color:' + i) + ';' + ('border-bottom-color:' + j) + ';' + ('border-left-color:' + k) + ';' + ('border-right-color:' + l) + ';' + ('animation-duration:' + m) + ';' + ('animation-timing-function:' + n)}}"><block wx:if="{{c}}"><view wx:for="{{d}}" wx:for-item="item" wx:key="a" class="u-loading-icon__dot data-v-00752c6d"></view></block></view><text wx:if="{{o}}" class="u-loading-icon__text data-v-00752c6d" style="{{'font-size:' + q + ';' + ('color:' + r)}}">{{p}}</text></view>
@@ -0,0 +1,181 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-00752c6d,
.u-empty__wrap.data-v-00752c6d,
.u-tabs.data-v-00752c6d,
.u-tabs__wrapper.data-v-00752c6d,
.u-tabs__wrapper__scroll-view-wrapper.data-v-00752c6d,
.u-tabs__wrapper__scroll-view.data-v-00752c6d,
.u-tabs__wrapper__nav.data-v-00752c6d,
.u-tabs__wrapper__nav__line.data-v-00752c6d,
.up-empty.data-v-00752c6d,
.up-empty__wrap.data-v-00752c6d,
.up-tabs.data-v-00752c6d,
.up-tabs__wrapper.data-v-00752c6d,
.up-tabs__wrapper__scroll-view-wrapper.data-v-00752c6d,
.up-tabs__wrapper__scroll-view.data-v-00752c6d,
.up-tabs__wrapper__nav.data-v-00752c6d,
.up-tabs__wrapper__nav__line.data-v-00752c6d {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-loading-icon.data-v-00752c6d {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
color: #c8c9cc;
}
.u-loading-icon__text.data-v-00752c6d {
margin-left: 4px;
color: #606266;
font-size: 14px;
line-height: 20px;
}
.u-loading-icon__spinner.data-v-00752c6d {
width: 30px;
height: 30px;
position: relative;
box-sizing: border-box;
max-width: 100%;
max-height: 100%;
animation: u-rotate-00752c6d 1s linear infinite;
}
.u-loading-icon__spinner--semicircle.data-v-00752c6d {
border-width: 2px;
border-color: transparent;
border-top-right-radius: 100px;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
border-style: solid;
}
.u-loading-icon__spinner--circle.data-v-00752c6d {
border-top-right-radius: 100px;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
border-width: 2px;
border-top-color: #e5e5e5;
border-right-color: #e5e5e5;
border-bottom-color: #e5e5e5;
border-left-color: #e5e5e5;
border-style: solid;
}
.u-loading-icon--vertical.data-v-00752c6d {
flex-direction: column;
}
.data-v-00752c6d:host {
font-size: 0px;
line-height: 1;
}
.u-loading-icon__spinner--spinner.data-v-00752c6d {
animation-timing-function: steps(12);
}
.u-loading-icon__text.data-v-00752c6d:empty {
display: none;
}
.u-loading-icon--vertical .u-loading-icon__text.data-v-00752c6d {
margin: 6px 0 0;
color: #606266;
}
.u-loading-icon__dot.data-v-00752c6d {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.u-loading-icon__dot.data-v-00752c6d:before {
display: block;
width: 2px;
height: 25%;
margin: 0 auto;
background-color: currentColor;
border-radius: 40%;
content: " ";
}
.u-loading-icon__dot.data-v-00752c6d:nth-of-type(1) {
transform: rotate(30deg);
opacity: 1;
}
.u-loading-icon__dot.data-v-00752c6d:nth-of-type(2) {
transform: rotate(60deg);
opacity: 0.9375;
}
.u-loading-icon__dot.data-v-00752c6d:nth-of-type(3) {
transform: rotate(90deg);
opacity: 0.875;
}
.u-loading-icon__dot.data-v-00752c6d:nth-of-type(4) {
transform: rotate(120deg);
opacity: 0.8125;
}
.u-loading-icon__dot.data-v-00752c6d:nth-of-type(5) {
transform: rotate(150deg);
opacity: 0.75;
}
.u-loading-icon__dot.data-v-00752c6d:nth-of-type(6) {
transform: rotate(180deg);
opacity: 0.6875;
}
.u-loading-icon__dot.data-v-00752c6d:nth-of-type(7) {
transform: rotate(210deg);
opacity: 0.625;
}
.u-loading-icon__dot.data-v-00752c6d:nth-of-type(8) {
transform: rotate(240deg);
opacity: 0.5625;
}
.u-loading-icon__dot.data-v-00752c6d:nth-of-type(9) {
transform: rotate(270deg);
opacity: 0.5;
}
.u-loading-icon__dot.data-v-00752c6d:nth-of-type(10) {
transform: rotate(300deg);
opacity: 0.4375;
}
.u-loading-icon__dot.data-v-00752c6d:nth-of-type(11) {
transform: rotate(330deg);
opacity: 0.375;
}
.u-loading-icon__dot.data-v-00752c6d:nth-of-type(12) {
transform: rotate(360deg);
opacity: 0.3125;
}
@keyframes u-rotate-00752c6d {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@@ -0,0 +1,72 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-navbar-mini",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$9],
data() {
return {};
},
emits: ["leftClick", "homeClick"],
created() {
},
methods: {
addStyle: common_vendor.addStyle,
addUnit: common_vendor.addUnit,
sys: common_vendor.sys,
getPx: common_vendor.getPx,
// 点击左侧区域
leftClick() {
this.$emit("leftClick");
if (this.autoBack) {
common_vendor.index.navigateBack();
}
},
homeClick() {
if (this.homeUrl) {
common_vendor.index.reLaunch({ url: this.homeUrl });
}
}
}
};
if (!Array) {
const _easycom_u_status_bar2 = common_vendor.resolveComponent("u-status-bar");
const _easycom_up_icon2 = common_vendor.resolveComponent("up-icon");
const _easycom_up_line2 = common_vendor.resolveComponent("up-line");
(_easycom_u_status_bar2 + _easycom_up_icon2 + _easycom_up_line2)();
}
const _easycom_u_status_bar = () => "../u-status-bar/u-status-bar.js";
const _easycom_up_icon = () => "../u-icon/u-icon.js";
const _easycom_up_line = () => "../u-line/u-line.js";
if (!Math) {
(_easycom_u_status_bar + _easycom_up_icon + _easycom_up_line)();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: _ctx.safeAreaInsetTop
}, _ctx.safeAreaInsetTop ? {} : {}, {
b: common_vendor.p({
name: _ctx.leftIcon,
size: _ctx.iconSize,
color: _ctx.iconColor
}),
c: common_vendor.o((...args) => $options.leftClick && $options.leftClick(...args)),
d: common_vendor.p({
direction: "col",
color: "#fff",
length: "16px"
}),
e: common_vendor.p({
name: "home",
size: _ctx.iconSize,
color: _ctx.iconColor
}),
f: common_vendor.o((...args) => $options.homeClick && $options.homeClick(...args)),
g: common_vendor.n(_ctx.border && "u-border-bottom"),
h: $options.addUnit(_ctx.height),
i: _ctx.bgColor,
j: common_vendor.n(_ctx.fixed && "u-navbar-mini--fixed"),
k: common_vendor.n(_ctx.customClass)
});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-128ec6da"]]);
wx.createComponent(Component);
@@ -0,0 +1,8 @@
{
"component": true,
"usingComponents": {
"u-status-bar": "../u-status-bar/u-status-bar",
"up-icon": "../u-icon/u-icon",
"up-line": "../u-line/u-line"
}
}
@@ -0,0 +1 @@
<view class="{{['u-navbar-mini', 'data-v-128ec6da', k, virtualHostClass]}}" style="{{virtualHostStyle}}"><view class="{{['u-navbar-mini__inner', 'data-v-128ec6da', j]}}"><u-status-bar wx:if="{{a}}" class="data-v-128ec6da" virtualHostClass="data-v-128ec6da" u-i="128ec6da-0" bind:__l="__l"></u-status-bar><view class="{{['u-navbar-mini__content', 'data-v-128ec6da', g]}}" style="{{'height:' + h + ';' + ('background-color:' + i)}}"><view class="u-navbar-mini__content__left data-v-128ec6da" hover-class="u-navbar-mini__content__left--hover" hover-start-time="150" bindtap="{{c}}"><block wx:if="{{$slots.left}}"><slot name="left"></slot></block><block wx:else><up-icon wx:if="{{b}}" class="data-v-128ec6da" virtualHostClass="data-v-128ec6da" u-i="128ec6da-1" bind:__l="__l" u-p="{{b}}"></up-icon></block></view><view class="data-v-128ec6da" style="padding:10px 10px"><up-line wx:if="{{d}}" class="data-v-128ec6da" virtualHostClass="data-v-128ec6da" u-i="128ec6da-2" bind:__l="__l" u-p="{{d}}"></up-line></view><view class="u-navbar-mini__content__center data-v-128ec6da" bindtap="{{f}}"><block wx:if="{{$slots.center}}"><slot name="center"></slot></block><block wx:else><up-icon wx:if="{{e}}" class="data-v-128ec6da" virtualHostClass="data-v-128ec6da" u-i="128ec6da-3" bind:__l="__l" u-p="{{e}}"></up-icon></block></view></view></view></view>
@@ -0,0 +1,79 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-128ec6da,
.u-empty__wrap.data-v-128ec6da,
.u-tabs.data-v-128ec6da,
.u-tabs__wrapper.data-v-128ec6da,
.u-tabs__wrapper__scroll-view-wrapper.data-v-128ec6da,
.u-tabs__wrapper__scroll-view.data-v-128ec6da,
.u-tabs__wrapper__nav.data-v-128ec6da,
.u-tabs__wrapper__nav__line.data-v-128ec6da,
.up-empty.data-v-128ec6da,
.up-empty__wrap.data-v-128ec6da,
.up-tabs.data-v-128ec6da,
.up-tabs__wrapper.data-v-128ec6da,
.up-tabs__wrapper__scroll-view-wrapper.data-v-128ec6da,
.up-tabs__wrapper__scroll-view.data-v-128ec6da,
.up-tabs__wrapper__nav.data-v-128ec6da,
.up-tabs__wrapper__nav__line.data-v-128ec6da {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-navbar-mini__inner.data-v-128ec6da {
width: 180rpx;
overflow: hidden;
}
.u-navbar-mini--fixed.data-v-128ec6da {
position: fixed;
left: 20px;
right: 0;
top: 10px;
z-index: 11;
}
.u-navbar-mini__content.data-v-128ec6da {
display: flex;
flex-direction: row;
padding: 0 15px;
border-radius: 20px;
align-items: center;
height: 36px;
background-color: #9acafc;
position: relative;
justify-content: space-between;
}
.u-navbar-mini__content__left.data-v-128ec6da {
display: flex;
flex-direction: row;
align-items: center;
}
.u-navbar-mini__content__left--hover.data-v-128ec6da {
opacity: 0.7;
}
@@ -0,0 +1,161 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-search",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$10],
data() {
return {
keyword: "",
showClear: false,
// 是否显示右边的清除图标
show: false,
// 标记input当前状态是否处于聚焦中,如果是,才会显示右侧的清除控件
focused: this.focus
// 绑定输入框的值
// inputValue: this.value
};
},
watch: {
keyword(nVal) {
this.$emit("update:modelValue", nVal);
this.$emit("change", nVal);
},
modelValue: {
immediate: true,
handler(nVal) {
this.keyword = nVal;
}
}
},
computed: {
showActionBtn() {
return !this.animation && this.showAction;
}
},
emits: ["clear", "search", "custom", "focus", "blur", "click", "clickIcon", "update:modelValue", "change"],
methods: {
addStyle: common_vendor.addStyle,
addUnit: common_vendor.addUnit,
// 目前HX2.6.9 v-model双向绑定无效,故监听input事件获取输入框内容的变化
inputChange(e) {
this.keyword = e.detail.value;
},
// 清空输入
// 也可以作为用户通过this.$refs形式调用清空输入框内容
clear() {
this.keyword = "";
this.$nextTick(() => {
this.$emit("clear");
});
},
// 确定搜索
search(e) {
this.$emit("search", e.detail.value);
try {
common_vendor.index.hideKeyboard();
} catch (e2) {
}
},
// 点击右边自定义按钮的事件
custom() {
this.$emit("custom", this.keyword);
try {
common_vendor.index.hideKeyboard();
} catch (e) {
}
},
// 获取焦点
getFocus() {
this.focused = true;
if (this.animation && this.showAction)
this.show = true;
this.$emit("focus", this.keyword);
},
// 失去焦点
blur() {
setTimeout(() => {
this.focused = false;
}, 100);
this.show = false;
this.$emit("blur", this.keyword);
},
// 点击搜索框,只有disabled=true时才发出事件,因为禁止了输入,意味着是想跳转真正的搜索页
clickHandler() {
if (this.disabled)
this.$emit("click");
},
// 点击左边图标
clickIcon(e) {
this.$emit("clickIcon", this.keyword);
try {
common_vendor.index.hideKeyboard();
} catch (e2) {
}
}
}
};
if (!Array) {
const _easycom_u_icon2 = common_vendor.resolveComponent("u-icon");
_easycom_u_icon2();
}
const _easycom_u_icon = () => "../u-icon/u-icon.js";
if (!Math) {
_easycom_u_icon();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: _ctx.$slots.label || _ctx.label !== null
}, _ctx.$slots.label || _ctx.label !== null ? {
b: common_vendor.t(_ctx.label)
} : {}, {
c: common_vendor.o($options.clickIcon),
d: common_vendor.p({
size: _ctx.searchIconSize,
name: _ctx.searchIcon,
color: _ctx.searchIconColor ? _ctx.searchIconColor : _ctx.color
}),
e: common_vendor.o((...args) => $options.blur && $options.blur(...args)),
f: $data.keyword,
g: common_vendor.o((...args) => $options.search && $options.search(...args)),
h: common_vendor.o((...args) => $options.inputChange && $options.inputChange(...args)),
i: _ctx.disabled,
j: common_vendor.o((...args) => $options.getFocus && $options.getFocus(...args)),
k: _ctx.focus,
l: _ctx.maxlength,
m: _ctx.adjustPosition,
n: _ctx.autoBlur,
o: _ctx.placeholder,
p: `color: ${_ctx.placeholderColor}`,
q: common_vendor.s({
textAlign: _ctx.inputAlign,
color: _ctx.color,
backgroundColor: _ctx.bgColor,
height: $options.addUnit(_ctx.height)
}),
r: common_vendor.s(_ctx.inputStyle),
s: $data.keyword && _ctx.clearabled && $data.focused
}, $data.keyword && _ctx.clearabled && $data.focused ? {
t: common_vendor.p({
name: "close",
size: "11",
color: "#ffffff",
customStyle: "line-height: 12px"
}),
v: common_vendor.o((...args) => $options.clear && $options.clear(...args))
} : {}, {
w: _ctx.bgColor,
x: _ctx.shape == "round" ? "100px" : "4px",
y: _ctx.borderColor,
z: common_vendor.t(_ctx.actionText),
A: common_vendor.s(_ctx.actionStyle),
B: common_vendor.n(($options.showActionBtn || $data.show) && "u-search__action--active"),
C: common_vendor.o((...args) => $options.custom && $options.custom(...args)),
D: common_vendor.o((...args) => $options.clickHandler && $options.clickHandler(...args)),
E: common_vendor.s({
margin: _ctx.margin
}),
F: common_vendor.s($options.addStyle(_ctx.customStyle))
});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ed789780"]]);
wx.createComponent(Component);
@@ -0,0 +1,6 @@
{
"component": true,
"usingComponents": {
"u-icon": "../u-icon/u-icon"
}
}
@@ -0,0 +1 @@
<view bindtap="{{D}}" style="{{E + ';' + F + ';' + virtualHostStyle}}" class="{{['u-search', 'data-v-ed789780', virtualHostClass]}}"><view class="u-search__content data-v-ed789780" style="{{'background-color:' + w + ';' + ('border-radius:' + x) + ';' + ('border-color:' + y)}}"><block wx:if="{{a}}"><block wx:if="{{$slots.label}}"><slot name="label"></slot></block><block wx:else><text class="u-search__content__label data-v-ed789780">{{b}}</text></block></block><view class="u-search__content__icon data-v-ed789780"><u-icon wx:if="{{d}}" class="data-v-ed789780" virtualHostClass="data-v-ed789780" bindtap="{{c}}" u-i="ed789780-0" bind:__l="__l" u-p="{{d}}"></u-icon></view><input confirm-type="search" bindblur="{{e}}" value="{{f}}" bindconfirm="{{g}}" bindinput="{{h}}" disabled="{{i}}" bindfocus="{{j}}" focus="{{k}}" maxlength="{{l}}" adjust-position="{{m}}" auto-blur="{{n}}" placeholder-class="u-search__content__input--placeholder" placeholder="{{o}}" placeholder-style="{{p}}" class="u-search__content__input data-v-ed789780" type="text" style="{{q + ';' + r}}"/><view wx:if="{{s}}" class="u-search__content__icon u-search__content__close data-v-ed789780" bindtap="{{v}}"><u-icon wx:if="{{t}}" class="data-v-ed789780" virtualHostClass="data-v-ed789780" u-i="ed789780-1" bind:__l="__l" u-p="{{t}}"></u-icon></view></view><text style="{{A}}" class="{{['u-search__action', 'data-v-ed789780', B]}}" catchtap="{{C}}">{{z}}</text></view>
@@ -0,0 +1,115 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-ed789780,
.u-empty__wrap.data-v-ed789780,
.u-tabs.data-v-ed789780,
.u-tabs__wrapper.data-v-ed789780,
.u-tabs__wrapper__scroll-view-wrapper.data-v-ed789780,
.u-tabs__wrapper__scroll-view.data-v-ed789780,
.u-tabs__wrapper__nav.data-v-ed789780,
.u-tabs__wrapper__nav__line.data-v-ed789780,
.up-empty.data-v-ed789780,
.up-empty__wrap.data-v-ed789780,
.up-tabs.data-v-ed789780,
.up-tabs__wrapper.data-v-ed789780,
.up-tabs__wrapper__scroll-view-wrapper.data-v-ed789780,
.up-tabs__wrapper__scroll-view.data-v-ed789780,
.up-tabs__wrapper__nav.data-v-ed789780,
.up-tabs__wrapper__nav__line.data-v-ed789780 {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-search.data-v-ed789780 {
display: flex;
flex-direction: row;
align-items: center;
flex: 1;
}
.u-search__content.data-v-ed789780 {
display: flex;
flex-direction: row;
align-items: center;
padding: 0 10px;
flex: 1;
justify-content: space-between;
border-width: 1px;
border-color: transparent;
border-style: solid;
overflow: hidden;
}
.u-search__content__icon.data-v-ed789780 {
display: flex;
flex-direction: row;
align-items: center;
}
.u-search__content__label.data-v-ed789780 {
color: #303133;
font-size: 14px;
margin: 0 4px;
}
.u-search__content__close.data-v-ed789780 {
width: 20px;
height: 20px;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
background-color: #C6C7CB;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
transform: scale(0.82);
}
.u-search__content__input.data-v-ed789780 {
flex: 1;
font-size: 14px;
line-height: 1;
margin: 0 5px;
color: #303133;
}
.u-search__content__input--placeholder.data-v-ed789780 {
color: #909193;
}
.u-search__action.data-v-ed789780 {
font-size: 14px;
color: #303133;
width: 0;
overflow: hidden;
transition-property: width;
transition-duration: 0.3s;
white-space: nowrap;
text-align: center;
}
.u-search__action--active.data-v-ed789780 {
width: 40px;
margin-left: 5px;
}
@@ -0,0 +1,274 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-slider",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$13],
emits: ["start", "changing", "change", "update:modelValue"],
data() {
return {
startX: 0,
status: "end",
newValue: 0,
distanceX: 0,
startValue0: 0,
startValue: 0,
barStyle0: {},
barStyle: {},
sliderRect: {
left: 0,
width: 0
}
};
},
watch: {
modelValue(n) {
if (this.status == "end")
this.updateValue(this.modelValue, false);
}
},
created() {
},
async mounted() {
if (!this.useNative) {
this.$uGetRect(".u-slider__base").then((rect) => {
this.sliderRect = rect;
if (this.sliderRect.width == 0) {
console.info("如在弹窗等元素中使用,请使用v-if来显示滑块,否则无法计算长度。");
}
this.init();
});
}
},
methods: {
addStyle: common_vendor.addStyle,
getPx: common_vendor.getPx,
init() {
if (this.isRange) {
this.updateValue(this.rangeValue[0], false, 0);
this.updateValue(this.rangeValue[1], false, 1);
} else {
this.updateValue(this.modelValue, false);
}
},
// native拖动过程中触发
changingHandler(e) {
const {
value
} = e.detail;
this.$emit("update:modelValue", value);
this.$emit("changing", value);
},
// native滑动结束时触发
changeHandler(e) {
const {
value
} = e.detail;
this.$emit("update:modelValue", value);
this.$emit("change", value);
},
onTouchStart(event, index = 1) {
if (this.disabled)
return;
this.startX = 0;
let touches = event.touches[0];
this.startX = touches.clientX;
if (this.isRange) {
this.startValue0 = this.format(this.rangeValue[0], 0);
this.startValue = this.format(this.rangeValue[1], 1);
} else {
this.startValue = this.format(this.modelValue);
}
this.status = "start";
let clientX = 0;
clientX = touches.clientX;
this.distanceX = clientX - this.sliderRect.left;
this.newValue = this.distanceX / this.sliderRect.width * (this.max - this.min) + parseFloat(this.min);
this.status = "moving";
this.$emit("changing");
this.updateValue(this.newValue, true, index);
},
onTouchMove(event, index = 1) {
if (this.disabled)
return;
if (this.status == "start")
this.$emit("start");
let touches = event.touches[0];
let clientX = 0;
clientX = touches.clientX;
this.distanceX = clientX - this.sliderRect.left;
this.newValue = this.distanceX / this.sliderRect.width * (this.max - this.min) + parseFloat(this.min);
this.status = "moving";
this.$emit("changing");
this.updateValue(this.newValue, true, index);
},
onTouchEnd(event, index = 1) {
if (this.disabled)
return;
if (this.status === "moving") {
this.updateValue(this.newValue, false, index);
this.$emit("change");
}
this.status = "end";
},
onTouchStart2(event, index = 1) {
if (!this.isRange)
;
},
onTouchMove2(event, index = 1) {
if (!this.isRange)
;
},
onTouchEnd2(event, index = 1) {
if (!this.isRange)
;
},
onClick(event) {
if (this.disabled)
return;
let clientX = event.detail.x - this.sliderRect.left;
this.newValue = clientX / this.sliderRect.width * (this.max - this.min) + parseFloat(this.min);
this.updateValue(this.newValue, false, 1);
},
updateValue(value, drag, index = 1) {
let valueFormat = this.format(value, index);
if (valueFormat > this.max) {
valueFormat = this.max;
}
let width = Math.min((valueFormat - this.min) / (this.max - this.min) * this.sliderRect.width, this.sliderRect.width);
let barStyle = {
width: width + "px"
};
if (drag == true) {
barStyle.transition = "none";
} else {
delete barStyle.transition;
}
if (this.isRange) {
this.rangeValue[index] = valueFormat;
this.$emit("update:modelValue", this.rangeValue);
} else {
this.$emit("update:modelValue", valueFormat);
}
switch (index) {
case 0:
this.barStyle0 = { ...barStyle };
break;
case 1:
this.barStyle = { ...barStyle };
break;
}
},
format(value, index = 1) {
if (this.isRange) {
switch (index) {
case 0:
return Math.round(
Math.max(this.min, Math.min(value, this.rangeValue[1] - parseInt(this.step), this.max)) / parseInt(this.step)
) * parseInt(this.step);
case 1:
return Math.round(
Math.max(this.min, this.rangeValue[0] + parseInt(this.step), Math.min(value, this.max)) / parseInt(this.step)
) * parseInt(this.step);
}
} else {
return Math.round(
Math.max(this.min, Math.min(value, this.max)) / parseInt(this.step)
) * parseInt(this.step);
}
}
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: !_ctx.useNative || _ctx.isRange
}, !_ctx.useNative || _ctx.isRange ? common_vendor.e({
b: common_vendor.s({
height: _ctx.height,
backgroundColor: _ctx.inactiveColor
}),
c: common_vendor.o((...args) => $options.onClick && $options.onClick(...args)),
d: common_vendor.s($data.barStyle),
e: common_vendor.s({
height: _ctx.height,
marginTop: "-" + _ctx.height,
backgroundColor: _ctx.activeColor
}),
f: _ctx.isRange
}, _ctx.isRange ? {
g: common_vendor.s($data.barStyle0),
h: common_vendor.s({
height: _ctx.height,
marginTop: "-" + _ctx.height,
backgroundColor: _ctx.inactiveColor
})
} : {}, {
i: _ctx.isRange && _ctx.showValue
}, _ctx.isRange && _ctx.showValue ? {
j: common_vendor.t(this.rangeValue[0]),
k: $options.getPx($data.barStyle0.width) + $options.getPx(_ctx.blockSize) / 2 + "px"
} : {}, {
l: _ctx.isRange && _ctx.showValue
}, _ctx.isRange && _ctx.showValue ? {
m: common_vendor.t(this.rangeValue[1]),
n: $options.getPx($data.barStyle.width) + $options.getPx(_ctx.blockSize) / 2 + "px"
} : {}, {
o: _ctx.isRange
}, _ctx.isRange ? common_vendor.e({
p: _ctx.$slots.default || _ctx.$slots.$default
}, _ctx.$slots.default || _ctx.$slots.$default ? {} : {
q: common_vendor.s(_ctx.blockStyle),
r: common_vendor.s({
height: $options.getPx(_ctx.blockSize, true),
width: $options.getPx(_ctx.blockSize, true),
backgroundColor: _ctx.blockColor
})
}, {
s: common_vendor.o(($event) => $options.onTouchStart($event, 0)),
t: common_vendor.o(($event) => $options.onTouchMove($event, 0)),
v: common_vendor.o(($event) => $options.onTouchEnd($event, 0)),
w: common_vendor.o(($event) => $options.onTouchEnd($event, 0)),
x: $options.getPx($data.barStyle0.width) + $options.getPx(_ctx.blockSize) / 2 + "px"
}) : {}, {
y: _ctx.$slots.default || _ctx.$slots.$default
}, _ctx.$slots.default || _ctx.$slots.$default ? {} : {
z: common_vendor.s(_ctx.blockStyle),
A: common_vendor.s({
height: $options.getPx(_ctx.blockSize, true),
width: $options.getPx(_ctx.blockSize, true),
backgroundColor: _ctx.blockColor
})
}, {
B: common_vendor.o((...args) => $options.onTouchStart && $options.onTouchStart(...args)),
C: common_vendor.o((...args) => $options.onTouchMove && $options.onTouchMove(...args)),
D: common_vendor.o((...args) => $options.onTouchEnd && $options.onTouchEnd(...args)),
E: common_vendor.o((...args) => $options.onTouchEnd && $options.onTouchEnd(...args)),
F: $options.getPx($data.barStyle.width) + $options.getPx(_ctx.blockSize) / 2 + "px",
G: common_vendor.o((...args) => $options.onClick && $options.onClick(...args)),
H: common_vendor.o(($event) => $options.onTouchStart2($event, 1)),
I: common_vendor.o(($event) => $options.onTouchMove2($event, 1)),
J: common_vendor.o(($event) => $options.onTouchEnd2($event, 1)),
K: common_vendor.o(($event) => $options.onTouchEnd2($event, 1)),
L: common_vendor.n(_ctx.disabled ? "u-slider--disabled" : ""),
M: _ctx.isRange && _ctx.showValue ? $options.getPx(_ctx.blockSize) + 24 + "px" : $options.getPx(_ctx.blockSize) + "px",
N: _ctx.showValue && !_ctx.isRange
}, _ctx.showValue && !_ctx.isRange ? {
O: common_vendor.t(_ctx.modelValue)
} : {}) : {
P: _ctx.min,
Q: _ctx.max,
R: _ctx.step,
S: _ctx.modelValue,
T: _ctx.activeColor,
U: _ctx.inactiveColor,
V: $options.getPx(_ctx.blockSize),
W: _ctx.blockColor,
X: _ctx.showValue,
Y: _ctx.disabled,
Z: common_vendor.o((...args) => $options.changingHandler && $options.changingHandler(...args)),
aa: common_vendor.o((...args) => $options.changeHandler && $options.changeHandler(...args))
}, {
ab: common_vendor.s($options.addStyle(_ctx.customStyle))
});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3ffc2d59"]]);
wx.createComponent(Component);
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<view style="{{ab + ';' + virtualHostStyle}}" class="{{['u-slider', 'data-v-3ffc2d59', virtualHostClass]}}"><block wx:if="{{a}}"><view ref="u-slider-inner" bindtap="{{G}}" bindonTouchStart="{{H}}" bindtouchmove="{{I}}" bindtouchend="{{J}}" bindtouchcancel="{{K}}" class="{{['u-slider-inner', 'data-v-3ffc2d59', L]}}" style="{{'height:' + M}}"><view ref="u-slider__base" class="u-slider__base data-v-3ffc2d59" style="{{b}}"></view><view bindtap="{{c}}" class="u-slider__gap data-v-3ffc2d59" style="{{d + ';' + e}}"></view><view wx:if="{{f}}" class="u-slider__gap u-slider__gap-0 data-v-3ffc2d59" style="{{g + ';' + h}}"></view><text wx:if="{{i}}" class="u-slider__show-range-value data-v-3ffc2d59" style="{{'left:' + k}}">{{j}}</text><text wx:if="{{l}}" class="u-slider__show-range-value data-v-3ffc2d59" style="{{'left:' + n}}">{{m}}</text><block wx:if="{{o}}"><view class="u-slider__button-wrap u-slider__button-wrap-0 data-v-3ffc2d59" bindtouchstart="{{s}}" bindtouchmove="{{t}}" bindtouchend="{{v}}" bindtouchcancel="{{w}}" style="{{'left:' + x}}"><slot wx:if="{{p}}"/><view wx:else class="u-slider__button data-v-3ffc2d59" style="{{q + ';' + r}}"></view></view></block><view class="u-slider__button-wrap data-v-3ffc2d59" bindtouchstart="{{B}}" bindtouchmove="{{C}}" bindtouchend="{{D}}" bindtouchcancel="{{E}}" style="{{'left:' + F}}"><slot wx:if="{{y}}"/><view wx:else class="u-slider__button data-v-3ffc2d59" style="{{z + ';' + A}}"></view></view></view><view wx:if="{{N}}" class="u-slider__show-value data-v-3ffc2d59">{{O}}</view></block><slider wx:else class="u-slider__native data-v-3ffc2d59" min="{{P}}" max="{{Q}}" step="{{R}}" value="{{S}}" activeColor="{{T}}" backgroundColor="{{U}}" blockSize="{{V}}" blockColor="{{W}}" showValue="{{X}}" disabled="{{Y}}" bindchanging="{{Z}}" bindchange="{{aa}}"></slider></view>
@@ -0,0 +1,109 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-3ffc2d59,
.u-empty__wrap.data-v-3ffc2d59,
.u-tabs.data-v-3ffc2d59,
.u-tabs__wrapper.data-v-3ffc2d59,
.u-tabs__wrapper__scroll-view-wrapper.data-v-3ffc2d59,
.u-tabs__wrapper__scroll-view.data-v-3ffc2d59,
.u-tabs__wrapper__nav.data-v-3ffc2d59,
.u-tabs__wrapper__nav__line.data-v-3ffc2d59,
.up-empty.data-v-3ffc2d59,
.up-empty__wrap.data-v-3ffc2d59,
.up-tabs.data-v-3ffc2d59,
.up-tabs__wrapper.data-v-3ffc2d59,
.up-tabs__wrapper__scroll-view-wrapper.data-v-3ffc2d59,
.up-tabs__wrapper__scroll-view.data-v-3ffc2d59,
.up-tabs__wrapper__nav.data-v-3ffc2d59,
.up-tabs__wrapper__nav__line.data-v-3ffc2d59 {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-slider.data-v-3ffc2d59 {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
}
.u-slider__native.data-v-3ffc2d59 {
flex: 1;
}
.u-slider-inner.data-v-3ffc2d59 {
flex: 1;
display: flex;
flex-direction: column;
position: relative;
border-radius: 999px;
padding: 10px 18px;
justify-content: center;
}
.u-slider__show-value.data-v-3ffc2d59 {
margin: 10px 18px 10px 0px;
}
.u-slider__show-range-value.data-v-3ffc2d59 {
padding-top: 2px;
font-size: 12px;
line-height: 12px;
position: absolute;
bottom: 0;
}
.u-slider__base.data-v-3ffc2d59 {
background-color: #ebedf0;
}
.u-slider-inner.data-v-3ffc2d59:before {
position: absolute;
right: 0;
left: 0;
content: "";
top: -8px;
bottom: -8px;
z-index: -1;
}
.u-slider__gap.data-v-3ffc2d59 {
position: relative;
border-radius: 999px;
transition: width 0.2s;
background-color: #1989fa;
}
.u-slider__button.data-v-3ffc2d59 {
width: 24px;
height: 24px;
border-radius: 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
background-color: #fff;
transform: scale(0.9);
}
.u-slider__button-wrap.data-v-3ffc2d59 {
position: absolute;
}
.u-slider--disabled.data-v-3ffc2d59 {
opacity: 0.5;
}
@@ -0,0 +1,24 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-status-bar",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$1],
data() {
return {};
},
computed: {
style() {
const style = {};
style.height = common_vendor.addUnit(common_vendor.sys().statusBarHeight, "px");
style.backgroundColor = this.bgColor;
return common_vendor.deepMerge(style, common_vendor.addStyle(this.customStyle));
}
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {
a: common_vendor.s($options.style)
};
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c0b45a48"]]);
wx.createComponent(Component);
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<view style="{{a + ';' + virtualHostStyle}}" class="{{['u-status-bar', 'data-v-c0b45a48', virtualHostClass]}}"><slot/></view>
@@ -0,0 +1,28 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-status-bar.data-v-c0b45a48 {
width: 100%;
}
@@ -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;
}
@@ -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;
}
@@ -0,0 +1,241 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-tabs",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$11],
data() {
return {
firstTime: true,
scrollLeft: 0,
scrollViewWidth: 0,
lineOffsetLeft: 0,
tabsRect: {
left: 0
},
innerCurrent: 0,
moving: false
};
},
watch: {
current: {
immediate: true,
handler(newValue, oldValue) {
if (newValue !== this.innerCurrent) {
if (typeof newValue == "string") {
this.innerCurrent = parseInt(newValue);
} else {
this.innerCurrent = newValue;
}
this.$nextTick(() => {
this.resize();
});
}
}
},
// list变化时,重新渲染list各项信息
list() {
this.$nextTick(() => {
this.resize();
});
}
},
computed: {
textStyle() {
return (index) => {
const style = {};
const customeStyle = index == this.innerCurrent ? common_vendor.addStyle(this.activeStyle) : common_vendor.addStyle(this.inactiveStyle);
if (this.list[index].disabled) {
style.color = "#c8c9cc";
}
return common_vendor.deepMerge(customeStyle, style);
};
},
propsBadge() {
return common_vendor.defProps.badge;
}
},
async mounted() {
this.init();
},
emits: ["click", "longPress", "change", "update:current"],
methods: {
addStyle: common_vendor.addStyle,
addUnit: common_vendor.addUnit,
setLineLeft() {
const tabItem = this.list[this.innerCurrent];
if (!tabItem) {
return;
}
let lineOffsetLeft = this.list.slice(0, this.innerCurrent).reduce((total, curr) => total + curr.rect.width, 0);
const lineWidth = common_vendor.getPx(this.lineWidth);
this.lineOffsetLeft = lineOffsetLeft + (tabItem.rect.width - lineWidth) / 2;
if (this.firstTime) {
setTimeout(() => {
this.firstTime = false;
}, 10);
}
},
// nvue下设置滑块的位置
animation(x, duration = 0) {
},
// 点击某一个标签
clickHandler(item, index) {
this.$emit("click", {
...item,
index
}, index);
if (item.disabled)
return;
this.innerCurrent = index;
this.resize();
this.$emit("update:current", index);
this.$emit("change", {
...item,
index
}, index);
},
// 长按事件
longPressHandler(item, index) {
this.$emit("longPress", {
...item,
index
});
},
init() {
common_vendor.sleep().then(() => {
this.resize();
});
},
setScrollLeft() {
if (this.innerCurrent < 0) {
this.innerCurrent = 0;
}
const tabRect = this.list[this.innerCurrent];
const offsetLeft = this.list.slice(0, this.innerCurrent).reduce((total, curr) => {
return total + curr.rect.width;
}, 0);
const windowWidth = common_vendor.sys().windowWidth;
let scrollLeft = offsetLeft - (this.tabsRect.width - tabRect.rect.width) / 2 - (windowWidth - this.tabsRect.right) / 2 + this.tabsRect.left / 2;
scrollLeft = Math.min(scrollLeft, this.scrollViewWidth - this.tabsRect.width);
this.scrollLeft = Math.max(0, scrollLeft);
},
// 获取所有标签的尺寸
resize() {
if (this.list.length === 0) {
return;
}
Promise.all([this.getTabsRect(), this.getAllItemRect()]).then(([tabsRect, itemRect = []]) => {
if (tabsRect.left > tabsRect.width) {
tabsRect.right = tabsRect.right - Math.floor(tabsRect.left / tabsRect.width) * tabsRect.width;
tabsRect.left = tabsRect.left % tabsRect.width;
}
this.tabsRect = tabsRect;
this.scrollViewWidth = 0;
itemRect.map((item, index) => {
this.scrollViewWidth += item.width;
this.list[index].rect = item;
});
this.setLineLeft();
this.setScrollLeft();
});
},
// 获取导航菜单的尺寸
getTabsRect() {
return new Promise((resolve) => {
this.queryRect("u-tabs__wrapper__scroll-view").then((size) => resolve(size));
});
},
// 获取所有标签的尺寸
getAllItemRect() {
return new Promise((resolve) => {
const promiseAllArr = this.list.map((item, index) => this.queryRect(
`u-tabs__wrapper__nav__item-${index}`,
true
));
Promise.all(promiseAllArr).then((sizes) => resolve(sizes));
});
},
// 获取各个标签的尺寸
queryRect(el, item) {
return new Promise((resolve) => {
this.$uGetRect(`.${el}`).then((size) => {
resolve(size);
});
});
}
}
};
if (!Array) {
const _easycom_u_badge2 = common_vendor.resolveComponent("u-badge");
_easycom_u_badge2();
}
const _easycom_u_badge = () => "../u-badge/u-badge.js";
if (!Math) {
_easycom_u_badge();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {
a: common_vendor.f(_ctx.list, (item, index, i0) => {
return common_vendor.e(_ctx.$slots.content ? {
a: "content-" + i0,
b: common_vendor.r("content", {
item,
keyName: _ctx.keyName,
index
}, i0)
} : !_ctx.$slots.content && (_ctx.$slots.default || _ctx.$slots.$default) ? {
c: "d-" + i0,
d: common_vendor.r("d", {
item,
keyName: _ctx.keyName,
index
}, i0)
} : {
e: common_vendor.t(item[_ctx.keyName]),
f: common_vendor.n(item.disabled && "u-tabs__wrapper__nav__item__text--disabled"),
g: common_vendor.s($options.textStyle(index))
}, {
h: "0546c3e4-0-" + i0,
i: common_vendor.p({
show: !!(item.badge && (item.badge.show || item.badge.isDot || item.badge.value)),
isDot: item.badge && item.badge.isDot || $options.propsBadge.isDot,
value: item.badge && item.badge.value || $options.propsBadge.value,
max: item.badge && item.badge.max || $options.propsBadge.max,
type: item.badge && item.badge.type || $options.propsBadge.type,
showZero: item.badge && item.badge.showZero || $options.propsBadge.showZero,
bgColor: item.badge && item.badge.bgColor || $options.propsBadge.bgColor,
color: item.badge && item.badge.color || $options.propsBadge.color,
shape: item.badge && item.badge.shape || $options.propsBadge.shape,
numberType: item.badge && item.badge.numberType || $options.propsBadge.numberType,
inverted: item.badge && item.badge.inverted || $options.propsBadge.inverted,
customStyle: "margin-left: 4px;"
}),
j: index,
k: common_vendor.o(($event) => $options.clickHandler(item, index), index),
l: common_vendor.o(($event) => $options.longPressHandler(item, index), index),
m: `u-tabs__wrapper__nav__item-${index}`,
n: common_vendor.n(`u-tabs__wrapper__nav__item-${index}`),
o: common_vendor.n(item.disabled && "u-tabs__wrapper__nav__item--disabled")
});
}),
b: _ctx.$slots.content,
c: !_ctx.$slots.content && (_ctx.$slots.default || _ctx.$slots.$default),
d: common_vendor.s($options.addStyle(_ctx.itemStyle)),
e: common_vendor.s({
flex: _ctx.scrollable ? "" : 1
}),
f: common_vendor.s({
width: $options.addUnit(_ctx.lineWidth),
transform: `translate(${$data.lineOffsetLeft}px)`,
transitionDuration: `${$data.firstTime ? 0 : _ctx.duration}ms`,
height: $options.addUnit(_ctx.lineHeight),
background: _ctx.lineColor,
backgroundSize: _ctx.lineBgSize
}),
g: _ctx.scrollable,
h: $data.scrollLeft,
i: common_vendor.n(_ctx.customClass)
};
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0546c3e4"]]);
wx.createComponent(Component);
@@ -0,0 +1,6 @@
{
"component": true,
"usingComponents": {
"u-badge": "../u-badge/u-badge"
}
}
@@ -0,0 +1 @@
<view class="{{['u-tabs', 'data-v-0546c3e4', i, virtualHostClass]}}" style="{{virtualHostStyle}}"><view class="u-tabs__wrapper data-v-0546c3e4"><slot name="left"/><view class="u-tabs__wrapper__scroll-view-wrapper data-v-0546c3e4"><scroll-view scroll-x="{{g}}" scroll-left="{{h}}" scroll-with-animation class="u-tabs__wrapper__scroll-view data-v-0546c3e4" show-scrollbar="{{false}}" ref="u-tabs__wrapper__scroll-view"><view class="u-tabs__wrapper__nav data-v-0546c3e4" ref="u-tabs__wrapper__nav"><view wx:for="{{a}}" wx:for-item="item" wx:key="j" bindtap="{{item.k}}" bindlongpress="{{item.l}}" ref="{{item.m}}" style="{{d + ';' + e}}" class="{{['u-tabs__wrapper__nav__item', 'data-v-0546c3e4', item.n, item.o]}}"><slot wx:if="{{b}}" name="{{item.a}}"/><slot wx:elif="{{c}}" name="{{item.c}}"/><text wx:else class="{{[item.f, 'u-tabs__wrapper__nav__item__text', 'data-v-0546c3e4']}}" style="{{item.g}}">{{item.e}}</text><u-badge wx:if="{{item.i}}" class="data-v-0546c3e4" virtualHostClass="data-v-0546c3e4" u-i="{{item.h}}" bind:__l="__l" u-p="{{item.i}}"></u-badge></view><view class="u-tabs__wrapper__nav__line data-v-0546c3e4" ref="u-tabs__wrapper__nav__line" style="{{f}}"></view></view></scroll-view></view><slot name="right"/></view></view>
@@ -0,0 +1,93 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-0546c3e4,
.u-empty__wrap.data-v-0546c3e4,
.u-tabs.data-v-0546c3e4,
.u-tabs__wrapper.data-v-0546c3e4,
.u-tabs__wrapper__scroll-view-wrapper.data-v-0546c3e4,
.u-tabs__wrapper__scroll-view.data-v-0546c3e4,
.u-tabs__wrapper__nav.data-v-0546c3e4,
.u-tabs__wrapper__nav__line.data-v-0546c3e4,
.up-empty.data-v-0546c3e4,
.up-empty__wrap.data-v-0546c3e4,
.up-tabs.data-v-0546c3e4,
.up-tabs__wrapper.data-v-0546c3e4,
.up-tabs__wrapper__scroll-view-wrapper.data-v-0546c3e4,
.up-tabs__wrapper__scroll-view.data-v-0546c3e4,
.up-tabs__wrapper__nav.data-v-0546c3e4,
.up-tabs__wrapper__nav__line.data-v-0546c3e4 {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-tabs__wrapper.data-v-0546c3e4 {
display: flex;
flex-direction: row;
align-items: center;
}
.u-tabs__wrapper__scroll-view-wrapper.data-v-0546c3e4 {
flex: 1;
overflow: auto hidden;
}
.u-tabs__wrapper__scroll-view.data-v-0546c3e4 {
display: flex;
flex-direction: row;
flex: 1;
}
.u-tabs__wrapper__nav.data-v-0546c3e4 {
display: flex;
flex-direction: row;
position: relative;
}
.u-tabs__wrapper__nav__item.data-v-0546c3e4 {
padding: 0 11px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.u-tabs__wrapper__nav__item__text.data-v-0546c3e4 {
font-size: 15px;
color: #606266;
white-space: nowrap !important;
}
.u-tabs__wrapper__nav__item__text--disabled.data-v-0546c3e4 {
color: #c8c9cc !important;
}
.u-tabs__wrapper__nav__line.data-v-0546c3e4 {
height: 3px;
background: #4338CA;
width: 30px;
position: absolute;
bottom: 2px;
border-radius: 100px;
transition-property: transform;
transition-duration: 300ms;
}
@@ -0,0 +1,133 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "up-text",
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.value, common_vendor.buttonMixin, common_vendor.openType, common_vendor.props$7],
emits: ["click"],
computed: {
wrapStyle() {
let style = {
margin: this.margin,
justifyContent: this.align === "left" ? "flex-start" : this.align === "center" ? "center" : "flex-end"
};
if (this.flex1) {
style.flex = 1;
style.width = "100%";
}
return style;
},
valueStyle() {
const style = {
textDecoration: this.decoration,
fontWeight: this.bold ? "bold" : "normal",
wordWrap: this.wordWrap,
fontSize: common_vendor.addUnit(this.size)
};
!this.type && (style.color = this.color);
this.isNvue && this.lines && (style.lines = this.lines);
this.lineHeight && (style.lineHeight = common_vendor.addUnit(this.lineHeight));
!this.isNvue && this.block && (style.display = "block");
return common_vendor.deepMerge(style, common_vendor.addStyle(this.customStyle));
},
isNvue() {
let nvue = false;
return nvue;
},
isMp() {
let mp = false;
mp = true;
return mp;
}
},
data() {
return {};
},
methods: {
addStyle: common_vendor.addStyle,
clickHandler(e) {
if (this.call && this.mode === "phone") {
common_vendor.index.makePhoneCall({
phoneNumber: this.text
});
}
this.$emit("click", e);
}
}
};
if (!Array) {
const _easycom_u_icon2 = common_vendor.resolveComponent("u-icon");
const _easycom_u_link2 = common_vendor.resolveComponent("u-link");
(_easycom_u_icon2 + _easycom_u_link2)();
}
const _easycom_u_icon = () => "../u-icon/u-icon.js";
const _easycom_u_link = () => "../u-link/u-link.js";
if (!Math) {
(_easycom_u_icon + _easycom_u_link)();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: _ctx.show
}, _ctx.show ? common_vendor.e({
b: _ctx.mode === "price"
}, _ctx.mode === "price" ? {
c: common_vendor.n(_ctx.type && `u-text__value--${_ctx.type}`),
d: common_vendor.s($options.valueStyle)
} : {}, {
e: _ctx.prefixIcon
}, _ctx.prefixIcon ? {
f: common_vendor.p({
name: _ctx.prefixIcon,
customStyle: $options.addStyle(_ctx.iconStyle)
})
} : {}, {
g: _ctx.mode === "link"
}, _ctx.mode === "link" ? {
h: $options.valueStyle.fontWeight,
i: $options.valueStyle.wordWrap,
j: $options.valueStyle.fontSize,
k: common_vendor.n(_ctx.type && `u-text__value--${_ctx.type}`),
l: common_vendor.n(_ctx.lines && `u-line-${_ctx.lines}`),
m: common_vendor.p({
text: _ctx.value,
href: _ctx.href,
underLine: true
})
} : _ctx.openType && $options.isMp ? {
o: common_vendor.t(_ctx.value),
p: common_vendor.s($options.valueStyle),
q: _ctx.index,
r: _ctx.openType,
s: common_vendor.o((...args) => _ctx.onGetUserInfo && _ctx.onGetUserInfo(...args)),
t: common_vendor.o((...args) => _ctx.onContact && _ctx.onContact(...args)),
v: common_vendor.o((...args) => _ctx.onGetPhoneNumber && _ctx.onGetPhoneNumber(...args)),
w: common_vendor.o((...args) => _ctx.onError && _ctx.onError(...args)),
x: common_vendor.o((...args) => _ctx.onLaunchApp && _ctx.onLaunchApp(...args)),
y: common_vendor.o((...args) => _ctx.onOpenSetting && _ctx.onOpenSetting(...args)),
z: _ctx.lang,
A: _ctx.sessionFrom,
B: _ctx.sendMessageTitle,
C: _ctx.sendMessagePath,
D: _ctx.sendMessageImg,
E: _ctx.showMessageCard,
F: _ctx.appParameter
} : {
G: common_vendor.t(_ctx.value),
H: common_vendor.s($options.valueStyle),
I: common_vendor.n(_ctx.type && `u-text__value--${_ctx.type}`),
J: common_vendor.n(_ctx.lines && `u-line-${_ctx.lines}`)
}, {
n: _ctx.openType && $options.isMp,
K: _ctx.suffixIcon
}, _ctx.suffixIcon ? {
L: common_vendor.p({
name: _ctx.suffixIcon,
customStyle: $options.addStyle(_ctx.iconStyle)
})
} : {}, {
M: common_vendor.n(_ctx.customClass),
N: common_vendor.s($options.wrapStyle),
O: common_vendor.o((...args) => $options.clickHandler && $options.clickHandler(...args))
}) : {});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5fec1d8b"]]);
wx.createComponent(Component);
@@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"u-icon": "../u-icon/u-icon",
"u-link": "../u-link/u-link"
}
}
@@ -0,0 +1 @@
<view wx:if="{{a}}" class="{{['u-text', 'data-v-5fec1d8b', M, virtualHostClass]}}" style="{{N + ';' + virtualHostStyle}}" bindtap="{{O}}"><text wx:if="{{b}}" class="{{['data-v-5fec1d8b', 'u-text__price', c]}}" style="{{d}}">¥</text><view wx:if="{{e}}" class="u-text__prefix-icon data-v-5fec1d8b"><u-icon wx:if="{{f}}" class="data-v-5fec1d8b" virtualHostClass="data-v-5fec1d8b" u-i="5fec1d8b-0" bind:__l="__l" u-p="{{f}}"></u-icon></view><u-link wx:if="{{g}}" style="{{'font-weight:' + h + ';' + ('word-wrap:' + i) + ';' + ('font-size:' + j)}}" virtualHostStyle="{{'font-weight:' + h + ';' + ('word-wrap:' + i) + ';' + ('font-size:' + j)}}" class="{{['u-text__value', 'data-v-5fec1d8b', k, l]}}" virtualHostClass="{{['u-text__value', 'data-v-5fec1d8b', k, l]}}" u-i="5fec1d8b-1" bind:__l="__l" u-p="{{m}}"></u-link><block wx:elif="{{n}}"><button class="u-reset-button u-text__value data-v-5fec1d8b" style="{{p}}" data-index="{{q}}" openType="{{r}}" bindgetuserinfo="{{s}}" bindcontact="{{t}}" bindgetphonenumber="{{v}}" binderror="{{w}}" bindlaunchapp="{{x}}" bindopensetting="{{y}}" lang="{{z}}" session-from="{{A}}" send-message-title="{{B}}" send-message-path="{{C}}" send-message-img="{{D}}" show-message-card="{{E}}" app-parameter="{{F}}">{{o}}</button></block><text wx:else style="{{H}}" class="{{['u-text__value', 'data-v-5fec1d8b', I, J]}}">{{G}}</text><view wx:if="{{K}}" class="u-text__suffix-icon data-v-5fec1d8b"><u-icon wx:if="{{L}}" class="data-v-5fec1d8b" virtualHostClass="data-v-5fec1d8b" u-i="5fec1d8b-2" bind:__l="__l" u-p="{{L}}"></u-icon></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-5fec1d8b,
.u-empty__wrap.data-v-5fec1d8b,
.u-tabs.data-v-5fec1d8b,
.u-tabs__wrapper.data-v-5fec1d8b,
.u-tabs__wrapper__scroll-view-wrapper.data-v-5fec1d8b,
.u-tabs__wrapper__scroll-view.data-v-5fec1d8b,
.u-tabs__wrapper__nav.data-v-5fec1d8b,
.u-tabs__wrapper__nav__line.data-v-5fec1d8b,
.up-empty.data-v-5fec1d8b,
.up-empty__wrap.data-v-5fec1d8b,
.up-tabs.data-v-5fec1d8b,
.up-tabs__wrapper.data-v-5fec1d8b,
.up-tabs__wrapper__scroll-view-wrapper.data-v-5fec1d8b,
.up-tabs__wrapper__scroll-view.data-v-5fec1d8b,
.up-tabs__wrapper__nav.data-v-5fec1d8b,
.up-tabs__wrapper__nav__line.data-v-5fec1d8b {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
.u-text.data-v-5fec1d8b {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
}
.u-text__price.data-v-5fec1d8b {
font-size: 14px;
color: #606266;
}
.u-text__value.data-v-5fec1d8b {
font-size: 14px;
display: flex;
flex-direction: row;
color: #606266;
flex-wrap: wrap;
text-overflow: ellipsis;
align-items: center;
}
.u-text__value--primary.data-v-5fec1d8b {
color: #4338CA;
}
.u-text__value--warning.data-v-5fec1d8b {
color: #f9ae3d;
}
.u-text__value--success.data-v-5fec1d8b {
color: #5ac725;
}
.u-text__value--info.data-v-5fec1d8b {
color: #909399;
}
.u-text__value--error.data-v-5fec1d8b {
color: #f56c6c;
}
.u-text__value--main.data-v-5fec1d8b {
color: #303133;
}
.u-text__value--content.data-v-5fec1d8b {
color: #606266;
}
.u-text__value--tips.data-v-5fec1d8b {
color: #909193;
}
.u-text__value--light.data-v-5fec1d8b {
color: #c0c4cc;
}
@@ -0,0 +1,58 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-transition",
data() {
return {
inited: false,
// 是否显示/隐藏组件
viewStyle: {},
// 组件内部的样式
status: "",
// 记录组件动画的状态
transitionEnded: false,
// 组件是否结束的标记
display: false,
// 组件是否展示
classes: ""
// 应用的类名
};
},
emits: ["click", "beforeEnter", "enter", "afterEnter", "beforeLeave", "leave", "afterLeave"],
computed: {
mergeStyle() {
const { viewStyle, customStyle } = this;
return {
transitionDuration: `${this.duration}ms`,
// display: `${this.display ? '' : 'none'}`,
transitionTimingFunction: this.timingFunction,
// 避免自定义样式影响到动画属性,所以写在viewStyle前面
...common_vendor.addStyle(customStyle),
...viewStyle
};
}
},
// 将mixin挂在到组件中,实际上为一个vue格式对象。
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.transitionMixin, common_vendor.props$19],
watch: {
show: {
handler(newVal) {
newVal ? this.vueEnter() : this.vueLeave();
},
// 表示同时监听初始化时的props的show的意思
immediate: true
}
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: $data.inited
}, $data.inited ? {
b: common_vendor.o((...args) => _ctx.clickHandler && _ctx.clickHandler(...args)),
c: common_vendor.n($data.classes),
d: common_vendor.s($options.mergeStyle),
e: common_vendor.o((...args) => _ctx.noop && _ctx.noop(...args))
} : {});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0573594d"]]);
wx.createComponent(Component);
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<view wx:if="{{a}}" ref="u-transition" bindtap="{{b}}" class="{{['u-transition', 'data-v-0573594d', c, virtualHostClass]}}" style="{{d + ';' + virtualHostStyle}}" bindtouchmove="{{e}}"><slot/></view>
@@ -0,0 +1,144 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-0573594d,
.u-empty__wrap.data-v-0573594d,
.u-tabs.data-v-0573594d,
.u-tabs__wrapper.data-v-0573594d,
.u-tabs__wrapper__scroll-view-wrapper.data-v-0573594d,
.u-tabs__wrapper__scroll-view.data-v-0573594d,
.u-tabs__wrapper__nav.data-v-0573594d,
.u-tabs__wrapper__nav__line.data-v-0573594d,
.up-empty.data-v-0573594d,
.up-empty__wrap.data-v-0573594d,
.up-tabs.data-v-0573594d,
.up-tabs__wrapper.data-v-0573594d,
.up-tabs__wrapper__scroll-view-wrapper.data-v-0573594d,
.up-tabs__wrapper__scroll-view.data-v-0573594d,
.up-tabs__wrapper__nav.data-v-0573594d,
.up-tabs__wrapper__nav__line.data-v-0573594d {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
/**
* vue版本动画内置的动画模式有如下:
* fade:淡入
* zoom:缩放
* fade-zoom:缩放淡入
* fade-up:上滑淡入
* fade-down:下滑淡入
* fade-left:左滑淡入
* fade-right:右滑淡入
* slide-up:上滑进入
* slide-down:下滑进入
* slide-left:左滑进入
* slide-right:右滑进入
*/
.u-fade-enter-active.data-v-0573594d,
.u-fade-leave-active.data-v-0573594d {
transition-property: opacity;
}
.u-fade-enter.data-v-0573594d,
.u-fade-leave-to.data-v-0573594d {
opacity: 0;
}
.u-fade-zoom-enter.data-v-0573594d,
.u-fade-zoom-leave-to.data-v-0573594d {
transform: scale(0.95);
opacity: 0;
}
.u-fade-zoom-enter-active.data-v-0573594d,
.u-fade-zoom-leave-active.data-v-0573594d {
transition-property: transform, opacity;
}
.u-fade-down-enter-active.data-v-0573594d,
.u-fade-down-leave-active.data-v-0573594d,
.u-fade-left-enter-active.data-v-0573594d,
.u-fade-left-leave-active.data-v-0573594d,
.u-fade-right-enter-active.data-v-0573594d,
.u-fade-right-leave-active.data-v-0573594d,
.u-fade-up-enter-active.data-v-0573594d,
.u-fade-up-leave-active.data-v-0573594d {
transition-property: opacity, transform;
}
.u-fade-up-enter.data-v-0573594d,
.u-fade-up-leave-to.data-v-0573594d {
transform: translate3d(0, 100%, 0);
opacity: 0;
}
.u-fade-down-enter.data-v-0573594d,
.u-fade-down-leave-to.data-v-0573594d {
transform: translate3d(0, -100%, 0);
opacity: 0;
}
.u-fade-left-enter.data-v-0573594d,
.u-fade-left-leave-to.data-v-0573594d {
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
.u-fade-right-enter.data-v-0573594d,
.u-fade-right-leave-to.data-v-0573594d {
transform: translate3d(100%, 0, 0);
opacity: 0;
}
.u-slide-down-enter-active.data-v-0573594d,
.u-slide-down-leave-active.data-v-0573594d,
.u-slide-left-enter-active.data-v-0573594d,
.u-slide-left-leave-active.data-v-0573594d,
.u-slide-right-enter-active.data-v-0573594d,
.u-slide-right-leave-active.data-v-0573594d,
.u-slide-up-enter-active.data-v-0573594d,
.u-slide-up-leave-active.data-v-0573594d {
transition-property: transform;
}
.u-slide-up-enter.data-v-0573594d,
.u-slide-up-leave-to.data-v-0573594d {
transform: translate3d(0, 100%, 0);
}
.u-slide-down-enter.data-v-0573594d,
.u-slide-down-leave-to.data-v-0573594d {
transform: translate3d(0, -100%, 0);
}
.u-slide-left-enter.data-v-0573594d,
.u-slide-left-leave-to.data-v-0573594d {
transform: translate3d(-100%, 0, 0);
}
.u-slide-right-enter.data-v-0573594d,
.u-slide-right-leave-to.data-v-0573594d {
transform: translate3d(100%, 0, 0);
}
.u-zoom-enter-active.data-v-0573594d,
.u-zoom-leave-active.data-v-0573594d {
transition-property: transform;
}
.u-zoom-enter.data-v-0573594d,
.u-zoom-leave-to.data-v-0573594d {
transform: scale(0.95);
}