@ruixinkeji/prism-ui 1.0.14 → 1.0.16

package/dist/dev/mp-weixin/components/PrismLicensePlateInput/PrismLicensePlateInput.wxss

@@ -0,0 +1,445 @@
+/**
+ * Prism UI - SCSS 变量定义
+ * 此文件包含所有设计令牌和变量
+ * 所有变量使用 $prism- 前缀，避免与用户项目冲突
+ *
+ * 主题切换：修改下面的引入文件即可切换主题
+ * 可选主题：blue(默认) / green / purple / orange / red / cyan
+ */
+/**
+ * Prism UI - 蓝色主题（默认）
+ *
+ * 使用方式：在 variables.scss 中修改引入
+ * @import '../theme/blue.scss';
+ *
+ * 颜色值来自 colors.scss 中的 $prism-blue-* 变量
+ */
+/* ============================================================
+   一、浅色模式变量（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* -------------------- 主题色 -------------------- */
+/* -------------------- 状态色 -------------------- */
+/* -------------------- 文字颜色 -------------------- */
+/* -------------------- 边框颜色 -------------------- */
+/* -------------------- 背景颜色 -------------------- */
+/* ============================================================
+   二、深色模式变量
+   ============================================================ */
+/* -------------------- 主题色（深色） -------------------- */
+/* -------------------- 状态色（深色） -------------------- */
+/* -------------------- 文字颜色（深色） -------------------- */
+/* -------------------- 边框颜色（深色） -------------------- */
+/* -------------------- 背景颜色（深色） -------------------- */
+/* ============================================================
+   三、主题色透明度（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   主题色渐变（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   四、白色透明度
+   ============================================================ */
+/* ============================================================
+   六、第三方品牌色
+   ============================================================ */
+/* ============================================================
+   八、常用阴影（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   九、统一间距
+   ============================================================ */
+.prism-license-plate-input .plate-boxes {
+  display: flex;
+  align-items: flex-end;
+  gap: 8rpx;
+}
+.prism-license-plate-input .plate-box {
+  width: 72rpx;
+  height: 88rpx;
+  background: var(--prism-input-bg, #EBEEF2);
+  border-radius: 12rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 2rpx solid transparent;
+  transition: all 0.2s ease;
+}
+.prism-license-plate-input .plate-box.active {
+  border-color: var(--prism-primary-color, #3478F6);
+  background: var(--prism-primary-light, rgba(52, 120, 246, 0.08));
+}
+.prism-license-plate-input .plate-box.filled {
+  background: var(--prism-primary-light, rgba(52, 120, 246, 0.08));
+}
+.prism-license-plate-input .plate-box.province, .prism-license-plate-input .plate-box.letter {
+  width: 80rpx;
+}
+.prism-license-plate-input .plate-box.new-energy {
+  background: rgba(0, 180, 42, 0.15);
+  border: 2rpx solid #00B42A;
+}
+.prism-license-plate-input .plate-box.new-energy.active {
+  border-color: #00B42A;
+  box-shadow: 0 0 0 4rpx rgba(0, 180, 42, 0.3);
+  background: rgba(0, 180, 42, 0.2);
+}
+.prism-license-plate-input .plate-box.new-energy.filled {
+  background: linear-gradient(135deg, #00B42A 0%, #00D68F 100%);
+}
+.prism-license-plate-input .plate-box.new-energy.filled .plate-text {
+  color: #FFFFFF;
+}
+.prism-license-plate-input .plate-box.new-energy .plate-text {
+  color: #00B42A;
+}
+.prism-license-plate-input .plate-box.new-energy-optional {
+  background: transparent;
+  border: 2rpx dashed #00B42A;
+}
+.prism-license-plate-input .plate-box.new-energy-optional .optional-icon {
+  font-size: 28rpx;
+  color: #00B42A;
+}
+.prism-license-plate-input .plate-box.new-energy-optional:active {
+  background: rgba(0, 180, 42, 0.1);
+}
+.prism-license-plate-input .plate-box .plate-text {
+  font-size: 36rpx;
+  font-weight: 600;
+  color: var(--prism-text-primary, #1D2129);
+}
+.prism-license-plate-input .plate-box.special-white {
+  background: #FFFFFF;
+  border: 2rpx solid var(--prism-border-color-light, #E5E6EB);
+}
+.prism-license-plate-input .plate-box.special-white.active {
+  border-color: var(--prism-primary-color, #3478F6);
+  box-shadow: 0 0 0 4rpx rgba(52, 120, 246, 0.3);
+}
+.prism-license-plate-input .plate-box.special-white .plate-text {
+  color: #1D2129;
+}
+.prism-license-plate-input .plate-box.special-black {
+  background: #1D2129;
+  border: 2rpx solid #1D2129;
+}
+.prism-license-plate-input .plate-box.special-black.active {
+  border-color: var(--prism-primary-color, #3478F6);
+  box-shadow: 0 0 0 4rpx rgba(52, 120, 246, 0.3);
+}
+.prism-license-plate-input .plate-box.special-black .plate-text {
+  color: #FFFFFF;
+}
+.prism-license-plate-input .plate-box.special-yellow {
+  background: #FADC19;
+  border: 2rpx solid #E6C900;
+}
+.prism-license-plate-input .plate-box.special-yellow.active {
+  border-color: var(--prism-primary-color, #3478F6);
+  box-shadow: 0 0 0 4rpx rgba(52, 120, 246, 0.3);
+}
+.prism-license-plate-input .plate-box.special-yellow .plate-text {
+  color: #1D2129;
+}
+.prism-license-plate-input .plate-dot {
+  width: 12rpx;
+  height: 12rpx;
+  background: var(--prism-text-secondary, #86909C);
+  border-radius: 50%;
+  margin: 0 8rpx;
+  margin-bottom: 38rpx;
+}
+.prism-license-plate-input .plate-box-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.prism-license-plate-input .plate-box-wrapper.new-energy-wrapper .new-energy-label {
+  font-size: 18rpx;
+  color: #00B42A;
+  font-weight: 500;
+  margin-bottom: 6rpx;
+  white-space: nowrap;
+}
+.prism-license-plate-input .plate-box-wrapper.new-energy-wrapper .new-energy-label.hidden {
+  visibility: hidden;
+}
+.prism-license-plate-input .energy-switch {
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+  margin-top: 24rpx;
+}
+.prism-license-plate-input .energy-switch .energy-text {
+  font-size: 28rpx;
+  color: var(--prism-text-secondary, #86909C);
+}
+.prism-license-plate-input .keyboard-modal {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 9999;
+}
+.prism-license-plate-input .keyboard-content {
+  width: 100%;
+  max-height: 70vh;
+  background: var(--prism-bg-color-card, #FFFFFF);
+  border-radius: 24rpx 24rpx 0 0;
+  padding: 24rpx;
+  padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
+  box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.1);
+  display: flex;
+  flex-direction: column;
+}
+.prism-license-plate-input .keyboard-body {
+  flex: 1;
+  overflow-y: auto;
+  height: 480rpx;
+  min-height: 480rpx;
+}
+.prism-license-plate-input .keyboard-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24rpx;
+}
+.prism-license-plate-input .keyboard-header .header-left {
+  display: flex;
+  align-items: center;
+  gap: 16rpx;
+}
+.prism-license-plate-input .keyboard-header .keyboard-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: var(--prism-text-primary, #1D2129);
+}
+.prism-license-plate-input .keyboard-header .switch-btn {
+  padding: 6rpx 12rpx;
+  background: var(--prism-primary-color, #3478F6);
+  border-radius: 6rpx;
+}
+.prism-license-plate-input .keyboard-header .switch-btn text {
+  font-size: 22rpx;
+  color: #FFFFFF;
+}
+.prism-license-plate-input .keyboard-header .switch-btn:active {
+  opacity: 0.8;
+}
+.prism-license-plate-input .keyboard-header .keyboard-close {
+  font-size: 36rpx;
+  color: var(--prism-text-secondary, #86909C);
+  padding: 8rpx;
+}
+.prism-license-plate-input .keyboard-section {
+  margin-bottom: 20rpx;
+}
+.prism-license-plate-input .keyboard-section .section-title {
+  font-size: 24rpx;
+  color: var(--prism-text-secondary, #86909C);
+  margin-bottom: 12rpx;
+}
+.prism-license-plate-input .keyboard-qwerty {
+  display: flex;
+  flex-direction: column;
+  gap: 12rpx;
+}
+.prism-license-plate-input .keyboard-qwerty.province-qwerty .keyboard-row {
+  justify-content: flex-start;
+}
+.prism-license-plate-input .keyboard-qwerty.province-qwerty .keyboard-row .key-item {
+  flex: 1;
+  max-width: none;
+}
+.prism-license-plate-input .keyboard-row {
+  display: flex;
+  justify-content: center;
+  gap: 8rpx;
+}
+.prism-license-plate-input .keyboard-row.number-row {
+  justify-content: flex-start;
+}
+.prism-license-plate-input .keyboard-row.special-row {
+  justify-content: flex-start;
+  flex-wrap: wrap;
+}
+.prism-license-plate-input .keyboard-row.letter-index-row {
+  justify-content: flex-start;
+  width: 100%;
+  margin-bottom: 12rpx;
+}
+.prism-license-plate-input .keyboard-row.letter-index-row .key-item {
+  flex: 1;
+}
+.prism-license-plate-input .key-item {
+  min-width: 56rpx;
+  height: 80rpx;
+  padding: 0 12rpx;
+  background: var(--prism-input-bg, #EBEEF2);
+  border-radius: 12rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 32rpx;
+  font-weight: 500;
+  color: var(--prism-text-primary, #1D2129);
+  transition: all 0.15s ease;
+  flex: 1;
+  max-width: 72rpx;
+}
+.prism-license-plate-input .key-item:active {
+  background: var(--prism-primary-color, #3478F6);
+  color: #FFFFFF;
+}
+.prism-license-plate-input .key-item.disabled {
+  opacity: 0.3;
+  pointer-events: none;
+}
+.prism-license-plate-input .key-item.letter-index {
+  font-size: 24rpx;
+  background: var(--prism-bg-color, #F7F8FA);
+  color: var(--prism-text-secondary, #86909C);
+  max-width: none;
+  min-width: auto;
+  padding: 0 8rpx;
+}
+.prism-license-plate-input .key-item.letter-index.active {
+  background: var(--prism-primary-color, #3478F6);
+  color: #FFFFFF;
+}
+.prism-license-plate-input .key-item.highlight {
+  background: var(--prism-primary-color, #3478F6);
+  color: #FFFFFF;
+  box-shadow: 0 0 0 4rpx rgba(52, 120, 246, 0.3);
+  transform: scale(1.05);
+}
+.prism-license-plate-input .key-item.delete {
+  background: var(--prism-danger-color, #F53F3F);
+  color: #FFFFFF;
+  min-width: 120rpx;
+  max-width: 120rpx;
+  flex: none;
+}
+.prism-license-plate-input .key-item.delete .delete-text {
+  font-size: 28rpx;
+  font-weight: 500;
+  color: #FFFFFF;
+}
+.prism-license-plate-input .key-item.delete:active {
+  background: var(--prism-danger-color-active, #D93636);
+}
+.prism-license-plate-input .key-item.done {
+  background: var(--prism-primary-color, #3478F6);
+  color: #FFFFFF;
+  flex: 1;
+  min-width: 80rpx;
+  max-width: none;
+}
+.prism-license-plate-input .key-item.done .done-text {
+  font-size: 28rpx;
+  font-weight: 500;
+  color: #FFFFFF;
+}
+.prism-license-plate-input .key-item.done:active {
+  background: var(--prism-primary-color-active, #2563EB);
+}
+.prism-license-plate-input .key-item.special {
+  font-weight: 600;
+  flex: none;
+  min-width: 72rpx;
+  max-width: 72rpx;
+}
+.prism-license-plate-input .key-item.special.black {
+  background: #1D2129;
+  color: #FFFFFF;
+}
+.prism-license-plate-input .key-item.special.black:active {
+  background: #000000;
+}
+.prism-license-plate-input .key-item.special.white {
+  background: #FFFFFF;
+  color: #1D2129;
+  border: 2rpx solid var(--prism-border-color-light, #E5E6EB);
+}
+.prism-license-plate-input .key-item.special.white:active {
+  background: var(--prism-bg-color, #F2F3F5);
+}
+.prism-license-plate-input .key-item.special.yellow {
+  background: #FADC19;
+  color: #1D2129;
+}
+.prism-license-plate-input .key-item.special.yellow:active {
+  background: #E6C900;
+}
+.dark-mode .prism-license-plate-input .plate-box {
+  background: var(--prism-input-bg, #2A2A2A);
+}
+.dark-mode .prism-license-plate-input .plate-box.active {
+  background: rgba(52, 120, 246, 0.15);
+}
+.dark-mode .prism-license-plate-input .plate-box.filled {
+  background: rgba(52, 120, 246, 0.15);
+}
+.dark-mode .prism-license-plate-input .plate-box .plate-text {
+  color: var(--prism-text-primary, #E5E6EB);
+}
+.dark-mode .prism-license-plate-input .plate-box.special-white {
+  background: rgba(255, 255, 255, 0.9);
+  border: 2rpx solid rgba(255, 255, 255, 0.3);
+}
+.dark-mode .prism-license-plate-input .plate-box.special-white .plate-text {
+  color: #1D2129;
+}
+.dark-mode .prism-license-plate-input .plate-box.special-black {
+  background: #000000;
+  border: 2rpx solid #333333;
+}
+.dark-mode .prism-license-plate-input .plate-box.special-black .plate-text {
+  color: #FFFFFF;
+}
+.dark-mode .prism-license-plate-input .plate-box.special-yellow {
+  background: #FADC19;
+  border: 2rpx solid #E6C900;
+}
+.dark-mode .prism-license-plate-input .plate-box.special-yellow .plate-text {
+  color: #1D2129;
+}
+.dark-mode .prism-license-plate-input .keyboard-content {
+  background: var(--prism-bg-color-card, #242424);
+}
+.dark-mode .prism-license-plate-input .keyboard-header .keyboard-title {
+  color: var(--prism-text-primary, #E5E6EB);
+}
+.dark-mode .prism-license-plate-input .section-title {
+  color: var(--prism-text-secondary, #6B7785);
+}
+.dark-mode .prism-license-plate-input .key-item {
+  background: var(--prism-input-bg, #2A2A2A);
+  color: var(--prism-text-primary, #E5E6EB);
+}
+.dark-mode .prism-license-plate-input .key-item.letter-index {
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--prism-text-secondary, #6B7785);
+}
+.dark-mode .prism-license-plate-input .key-item.letter-index.active {
+  background: var(--prism-primary-color, #3478F6);
+  color: #FFFFFF;
+}
+.dark-mode .prism-license-plate-input .key-item.highlight {
+  background: var(--prism-primary-color, #3478F6);
+  color: #FFFFFF;
+}
+.dark-mode .prism-license-plate-input .key-item.delete {
+  background: var(--prism-danger-color, #F53F3F);
+  color: #FFFFFF;
+}
+.dark-mode .prism-license-plate-input .key-item.delete .delete-text {
+  color: #FFFFFF;
+}
+.dark-mode .prism-license-plate-input .key-item.done {
+  background: var(--prism-primary-color, #3478F6);
+  color: #FFFFFF;
+}
+.dark-mode .prism-license-plate-input .key-item.done .done-text {
+  color: #FFFFFF;
+}

package/dist/dev/mp-weixin/components/PrismMusicPlayer/PrismMusicPlayer.js

@@ -0,0 +1,200 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const _sfc_main = {
+  __name: "PrismMusicPlayer",
+  props: {
+    title: { type: String, default: "音乐播放器" },
+    songs: { type: Object, default: () => ({}) },
+    isDarkMode: { type: Boolean, default: false }
+  },
+  emits: ["play", "pause", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const currentTypeIndex = common_vendor.ref(0);
+    const currentSongIndex = common_vendor.ref(0);
+    const isPlaying = common_vendor.ref(false);
+    const progress = common_vendor.ref(0);
+    const currentTime = common_vendor.ref(0);
+    const duration = common_vendor.ref(0);
+    const showPlaylist = common_vendor.ref(false);
+    const showType = common_vendor.ref(false);
+    let audioContext = null;
+    const typeNames = common_vendor.computed(() => Object.keys(props.songs));
+    const currentSongList = common_vendor.computed(() => props.songs[typeNames.value[currentTypeIndex.value]] || []);
+    const currentSong = common_vendor.computed(() => {
+      var _a;
+      return ((_a = currentSongList.value[currentSongIndex.value]) == null ? void 0 : _a.name) || "请选择音乐";
+    });
+    const currentCover = common_vendor.computed(() => {
+      var _a;
+      return ((_a = currentSongList.value[currentSongIndex.value]) == null ? void 0 : _a.cover) || "";
+    });
+    const currentAlbum = common_vendor.computed(() => {
+      var _a;
+      return ((_a = currentSongList.value[currentSongIndex.value]) == null ? void 0 : _a.album) || "";
+    });
+    const typeIconMap = {
+      "放松舒缓": "fa-leaf",
+      "专注冥想": "fa-brain",
+      "情绪提振": "fa-bolt",
+      "助眠安神": "fa-moon"
+    };
+    function getTypeIcon(type) {
+      return typeIconMap[type] || "fa-music";
+    }
+    function formatTime(seconds) {
+      if (!seconds || isNaN(seconds)) return "00:00";
+      const mins = Math.floor(seconds / 60);
+      const secs = Math.floor(seconds % 60);
+      return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
+    }
+    function toggleType() {
+      showType.value = !showType.value;
+      if (showType.value) showPlaylist.value = false;
+    }
+    function togglePlaylist() {
+      showPlaylist.value = !showPlaylist.value;
+      if (showPlaylist.value) showType.value = false;
+    }
+    function closePopup() {
+      showType.value = false;
+      showPlaylist.value = false;
+    }
+    function selectType(index) {
+      currentTypeIndex.value = index;
+      currentSongIndex.value = 0;
+      progress.value = 0;
+      currentTime.value = 0;
+      duration.value = 0;
+      stopAudio();
+      showType.value = false;
+    }
+    function togglePlay() {
+      if (!currentSongList.value.length) return;
+      isPlaying.value ? pauseMusic() : playMusic();
+    }
+    function playMusic() {
+      const song = currentSongList.value[currentSongIndex.value];
+      if (!song) return;
+      if (audioContext) audioContext.destroy();
+      audioContext = common_vendor.index.createInnerAudioContext();
+      audioContext.src = song.file;
+      audioContext.onPlay(() => {
+        isPlaying.value = true;
+        emit("play", { song, index: currentSongIndex.value });
+      });
+      audioContext.onTimeUpdate(() => {
+        if (audioContext.duration > 0) {
+          progress.value = audioContext.currentTime / audioContext.duration * 100;
+          currentTime.value = audioContext.currentTime;
+          duration.value = audioContext.duration;
+        }
+      });
+      audioContext.onEnded(() => nextSong());
+      audioContext.onError(() => {
+        common_vendor.index.showToast({ title: "播放失败", icon: "none" });
+        isPlaying.value = false;
+      });
+      audioContext.play();
+    }
+    function pauseMusic() {
+      audioContext == null ? void 0 : audioContext.pause();
+      isPlaying.value = false;
+      emit("pause");
+    }
+    function stopAudio() {
+      audioContext == null ? void 0 : audioContext.stop();
+      isPlaying.value = false;
+    }
+    function previousSong() {
+      if (!currentSongList.value.length) return;
+      currentSongIndex.value = (currentSongIndex.value - 1 + currentSongList.value.length) % currentSongList.value.length;
+      progress.value = 0;
+      currentTime.value = 0;
+      if (isPlaying.value) playMusic();
+      emit("change", { song: currentSongList.value[currentSongIndex.value], index: currentSongIndex.value });
+    }
+    function nextSong() {
+      if (!currentSongList.value.length) return;
+      currentSongIndex.value = (currentSongIndex.value + 1) % currentSongList.value.length;
+      progress.value = 0;
+      currentTime.value = 0;
+      if (isPlaying.value) playMusic();
+      emit("change", { song: currentSongList.value[currentSongIndex.value], index: currentSongIndex.value });
+    }
+    function playSongAt(index) {
+      currentSongIndex.value = index;
+      progress.value = 0;
+      currentTime.value = 0;
+      playMusic();
+    }
+    common_vendor.onUnmounted(() => {
+      audioContext == null ? void 0 : audioContext.destroy();
+    });
+    return (_ctx, _cache) => {
+      return common_vendor.e({
+        a: currentCover.value
+      }, currentCover.value ? {
+        b: currentCover.value
+      } : {}, {
+        c: isPlaying.value ? 1 : "",
+        d: common_vendor.t(currentSong.value),
+        e: currentAlbum.value
+      }, currentAlbum.value ? {
+        f: common_vendor.t(currentAlbum.value)
+      } : {}, {
+        g: common_vendor.o(previousSong),
+        h: common_vendor.n(isPlaying.value ? "fa-pause" : "fa-play"),
+        i: common_vendor.o(togglePlay),
+        j: common_vendor.o(nextSong),
+        k: common_vendor.t(formatTime(currentTime.value)),
+        l: progress.value + "%",
+        m: common_vendor.t(formatTime(duration.value)),
+        n: common_vendor.t(typeNames.value[currentTypeIndex.value]),
+        o: showType.value ? 1 : "",
+        p: common_vendor.o(toggleType),
+        q: common_vendor.t(currentSongList.value.length),
+        r: showPlaylist.value ? 1 : "",
+        s: common_vendor.o(togglePlaylist),
+        t: showType.value || showPlaylist.value,
+        v: common_vendor.o(closePopup),
+        w: common_vendor.f(typeNames.value, (type, index, i0) => {
+          var _a;
+          return {
+            a: common_vendor.n(getTypeIcon(type)),
+            b: common_vendor.t(type),
+            c: common_vendor.t(((_a = __props.songs[type]) == null ? void 0 : _a.length) || 0),
+            d: type,
+            e: currentTypeIndex.value === index ? 1 : "",
+            f: common_vendor.o(($event) => selectType(index), type)
+          };
+        }),
+        x: showType.value ? 1 : "",
+        y: common_vendor.f(currentSongList.value, (song, index, i0) => {
+          return common_vendor.e({
+            a: song.cover
+          }, song.cover ? {
+            b: song.cover
+          } : {}, {
+            c: common_vendor.t(song.name),
+            d: song.album
+          }, song.album ? {
+            e: common_vendor.t(song.album)
+          } : {}, {
+            f: currentSongIndex.value === index && isPlaying.value
+          }, currentSongIndex.value === index && isPlaying.value ? {} : {}, {
+            g: index,
+            h: currentSongIndex.value === index ? 1 : "",
+            i: common_vendor.o(($event) => playSongAt(index), index)
+          });
+        }),
+        z: showPlaylist.value ? 1 : "",
+        A: __props.isDarkMode ? 1 : ""
+      });
+    };
+  }
+};
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-1a161305"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/PrismMusicPlayer/PrismMusicPlayer.js.map

package/dist/dev/mp-weixin/components/PrismMusicPlayer/PrismMusicPlayer.json

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

package/dist/dev/mp-weixin/components/PrismMusicPlayer/PrismMusicPlayer.wxml

@@ -0,0 +1 @@
+<view class="{{['prism-music-player', 'data-v-1a161305', A && 'dark-mode']}}"><view class="player-main data-v-1a161305"><view class="{{['cover-wrapper', 'data-v-1a161305', c && 'playing']}}"><image wx:if="{{a}}" class="cover-image data-v-1a161305" src="{{b}}" mode="aspectFill"/><view wx:else class="cover-placeholder data-v-1a161305"><text class="fa fa-music data-v-1a161305"></text></view></view><view class="player-info data-v-1a161305"><text class="song-title data-v-1a161305">{{d}}</text><text wx:if="{{e}}" class="song-album data-v-1a161305">{{f}}</text><view class="player-controls data-v-1a161305"><text class="fa fa-backward-step control-icon data-v-1a161305" bindtap="{{g}}"></text><view class="play-button data-v-1a161305" bindtap="{{i}}"><text class="{{['fa', 'data-v-1a161305', h]}}"></text></view><text class="fa fa-forward-step control-icon data-v-1a161305" bindtap="{{j}}"></text></view></view></view><view class="progress-section data-v-1a161305"><text class="time-text data-v-1a161305">{{k}}</text><view class="progress-bar data-v-1a161305"><view class="progress-fill data-v-1a161305" style="{{'width:' + l}}"></view></view><text class="time-text data-v-1a161305">{{m}}</text></view><view class="bottom-bar data-v-1a161305"><view class="{{['bar-btn', 'data-v-1a161305', o && 'active']}}" bindtap="{{p}}"><text class="fa fa-sliders data-v-1a161305"></text><text class="data-v-1a161305">{{n}}</text></view><view class="{{['bar-btn', 'data-v-1a161305', r && 'active']}}" bindtap="{{s}}"><text class="fa fa-list data-v-1a161305"></text><text class="data-v-1a161305">播放清单 ({{q}})</text></view></view><view class="popup-mask data-v-1a161305" hidden="{{!t}}" bindtap="{{v}}"></view><view class="{{['popup', 'data-v-1a161305', x && 'show']}}"><view class="popup-title data-v-1a161305"><text class="fa fa-sliders data-v-1a161305"></text><text class="data-v-1a161305">选择分类</text></view><view wx:for="{{w}}" wx:for-item="type" wx:key="d" class="{{['popup-item', 'data-v-1a161305', type.e && 'active']}}" bindtap="{{type.f}}"><text class="{{['fa', 'data-v-1a161305', type.a]}}"></text><text class="item-name data-v-1a161305">{{type.b}}</text><text class="item-count data-v-1a161305">({{type.c}})</text></view></view><view class="{{['popup', 'playlist-popup', 'data-v-1a161305', z && 'show']}}"><view class="popup-title data-v-1a161305"><text class="fa fa-list data-v-1a161305"></text><text class="data-v-1a161305">播放清单</text></view><scroll-view class="popup-scroll data-v-1a161305" scroll-y><view wx:for="{{y}}" wx:for-item="song" wx:key="g" class="{{['popup-item', 'playlist-item', 'data-v-1a161305', song.h && 'active']}}" bindtap="{{song.i}}"><image wx:if="{{song.a}}" class="playlist-cover data-v-1a161305" src="{{song.b}}" mode="aspectFill"/><view wx:else class="playlist-cover placeholder data-v-1a161305"><text class="fa fa-music data-v-1a161305"></text></view><view class="song-info data-v-1a161305"><text class="song-name data-v-1a161305">{{song.c}}</text><text wx:if="{{song.d}}" class="song-album-small data-v-1a161305">{{song.e}}</text></view><text wx:if="{{song.f}}" class="fa fa-volume-high playing-icon data-v-1a161305"></text></view></scroll-view></view></view>