微信登录版

wechat_v2/miniprogram_npm/@vant/weapp/loading/index.js

@@ -0,0 +1,18 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var component_1 = require('../common/component');
+component_1.VantComponent({
+  props: {
+    color: String,
+    vertical: Boolean,
+    type: {
+      type: String,
+      value: 'circular',
+    },
+    size: String,
+    textSize: String,
+  },
+  data: {
+    array12: Array.from({ length: 12 }),
+  },
+});

wechat_v2/miniprogram_npm/@vant/weapp/loading/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

wechat_v2/miniprogram_npm/@vant/weapp/loading/index.wxml

@@ -0,0 +1,19 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view class="custom-class {{ utils.bem('loading', { vertical }) }}">
+  <view
+    class="van-loading__spinner van-loading__spinner--{{ type }}"
+    style="{{ computed.spinnerStyle({ color, size }) }}"
+  >
+    <view
+      wx:if="{{ type === 'spinner' }}"
+      wx:for="{{ array12 }}"
+      wx:key="index"
+      class="van-loading__dot"
+    />
+  </view>
+  <view class="van-loading__text" style="{{ computed.textStyle({ textSize }) }}">
+    <slot />
+  </view>
+</view>

wechat_v2/miniprogram_npm/@vant/weapp/loading/index.wxs

@@ -0,0 +1,22 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function spinnerStyle(data) {
+  return style({
+    color: data.color,
+    width: addUnit(data.size),
+    height: addUnit(data.size),
+  });
+}
+
+function textStyle(data) {
+  return style({
+    'font-size': addUnit(data.textSize),
+  });
+}
+
+module.exports = {
+  spinnerStyle: spinnerStyle,
+  textStyle: textStyle,
+};

wechat_v2/miniprogram_npm/@vant/weapp/loading/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:host{font-size:0;line-height:1}.van-loading{display:inline-flex;align-items:center;justify-content:center;color:#c8c9cc;color:var(--loading-spinner-color,#c8c9cc)}.van-loading__spinner{position:relative;box-sizing:border-box;width:30px;width:var(--loading-spinner-size,30px);max-width:100%;max-height:100%;height:30px;height:var(--loading-spinner-size,30px);animation:van-rotate .8s linear infinite;animation:van-rotate var(--loading-spinner-animation-duration,.8s) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{border:1px solid transparent;border-top-color:initial;border-radius:100%}.van-loading__text{margin-left:8px;margin-left:var(--padding-xs,8px);color:#969799;color:var(--loading-text-color,#969799);font-size:14px;font-size:var(--loading-text-font-size,14px);line-height:20px;line-height:var(--loading-text-line-height,20px)}.van-loading__text:empty{display:none}.van-loading--vertical{flex-direction:column}.van-loading--vertical .van-loading__text{margin:8px 0 0;margin:var(--padding-xs,8px) 0 0}.van-loading__dot{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__dot:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__dot:first-of-type{transform:rotate(30deg);opacity:1}.van-loading__dot:nth-of-type(2){transform:rotate(60deg);opacity:.9375}.van-loading__dot:nth-of-type(3){transform:rotate(90deg);opacity:.875}.van-loading__dot:nth-of-type(4){transform:rotate(120deg);opacity:.8125}.van-loading__dot:nth-of-type(5){transform:rotate(150deg);opacity:.75}.van-loading__dot:nth-of-type(6){transform:rotate(180deg);opacity:.6875}.van-loading__dot:nth-of-type(7){transform:rotate(210deg);opacity:.625}.van-loading__dot:nth-of-type(8){transform:rotate(240deg);opacity:.5625}.van-loading__dot:nth-of-type(9){transform:rotate(270deg);opacity:.5}.van-loading__dot:nth-of-type(10){transform:rotate(300deg);opacity:.4375}.van-loading__dot:nth-of-type(11){transform:rotate(330deg);opacity:.375}.van-loading__dot:nth-of-type(12){transform:rotate(1turn);opacity:.3125}@keyframes van-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}