1 line
5.1 KiB
Plaintext
1 line
5.1 KiB
Plaintext
|
{"version":3,"file":"detail-skeleton.js","sources":["../../../../../../../../src/modules/mall/goods/components/detail/detail-skeleton.vue","../../../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9tb2R1bGVzL21hbGwvZ29vZHMvY29tcG9uZW50cy9kZXRhaWwvZGV0YWlsLXNrZWxldG9uLnZ1ZQ"],"sourcesContent":["<template>\r\n <view\r\n class=\"skeleton-wrap\"\r\n :class=\"['theme-' + sys.mode, 'main-' + sys.theme, 'font-' + sys.fontSize]\"\r\n >\r\n <view class=\"skeleton-banner\"></view>\r\n <view class=\"container-box\">\r\n <view class=\"container-box-strip title ss-m-b-58\"></view>\r\n <view class=\"container-box-strip ss-m-b-20\"></view>\r\n <view class=\"container-box-strip ss-m-b-20\"></view>\r\n <view class=\"container-box-strip w-364\"></view>\r\n </view>\r\n <view class=\"container-box\">\r\n <view class=\"ss-flex ss-row-between ss-m-b-34\">\r\n <view class=\"container-box-strip w-380\"></view>\r\n <view class=\"circle\"></view>\r\n </view>\r\n <view class=\"ss-flex ss-row-between ss-m-b-34\">\r\n <view class=\"container-box-strip w-556\"></view>\r\n <view class=\"circle\"></view>\r\n </view>\r\n <view class=\"ss-flex ss-row-between\">\r\n <view class=\"container-box-strip w-556\"></view>\r\n <view class=\"circle\"></view>\r\n </view>\r\n </view>\r\n <view class=\"container-box\">\r\n <view class=\"container-box-strip w-198 ss-m-b-42\"></view>\r\n <view class=\"ss-flex\">\r\n <view class=\"circle ss-m-r-12\"></view>\r\n <view class=\"container-box-strip w-252\"></view>\r\n </view>\r\n </view>\r\n <su-fixed bottom placeholder bg=\"bg-white\">\r\n <view class=\"ui-tabbar-box\">\r\n <view class=\"foot ss-flex ss-col-center\">\r\n <view class=\"ss-m-r-54 ss-m-l-32\">\r\n <view class=\"rec ss-m-b-8\"></view>\r\n <view class=\"oval\"></view>\r\n </view>\r\n <view class=\"ss-m-r-54\">\r\n <view class=\"rec ss-m-b-8\"></view>\r\n <view class=\"oval\"></view>\r\n </view>\r\n <view class=\"ss-m-r-50\">\r\n <view class=\"rec ss-m-b-8\"></view>\r\n <view class=\"oval\"></view>\r\n </view>\r\n <button class=\"ss-reset-button add-btn ui-Shadow-Main\"></button>\r\n <button class=\"ss-reset-button buy-btn ui-Shadow-Main\"></button>\r\n </view>\r\n </view>\r\n </su-fixed>\r\n </view>\r\n</template>\r\n\r\n<script setup>\r\nimport { computed } from 'vue'\r\nimport sheep from '@/sheep'\r\n\r\nconst sys = computed(() => sheep.$store('sys'))\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n@keyframes loading {\r\n 0% {\r\n opacity: 0.5;\r\n }\r\n\r\n 50% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\n.skeleton-wrap {\r\n position: relative;\r\n width: 100%;\r\n height: 100vh;\r\n\r\n .skeleton-banner {\r\n width: 100%;\r\n height: calc(100vh - 882rpx);\r\n background: #f4f4f4;\r\n }\r\n\r\n .container-box {\r\n padding: 24rpx 18rpx;\r\n margin: 14rpx 20rpx;\r\n background: var(--ui-BG);\r\n animation: loading 1.4s ease infinite;\r\n\r\n .container-box-strip {\r\n height: 40rpx;\r\n background: #f3f3f1;\r\n border-radius: 20rpx;\r\n }\r\n\r\n .title {\r\n width: 470rpx;\r\n height: 50rpx;\r\n border-radius: 25rpx;\r\n }\r\n\r\n .w-364 {\r\n width: 364rpx;\r\n }\r\n\r\n .w-380 {\r\n width: 380rpx;\r\n }\r\n\r\n .w-556 {\r\n width: 556rpx;\r\n }\r\n\r\n .w-198 {\r\n width: 198rpx;\r\n }\r\n\r\n .w-252 {\r\n width: 252rpx;\r\n }\r\n\r\n .circle {\r\n width: 40rpx;\r\n height: 40rpx;\r\n background: #f3f3f1;\r\n border-radius: 50%;\r\n }\r\n }\r\n .ui-tabbar-box {\r\n box-shadow: 0px -6px 10px 0px rgba(51, 51, 51, 0.2);\r\n }\r\n\r\n .foot {\r\n height: 100rpx;\r\n background: var(--ui-BG);\r\n .rec {\r\n
|