Skip to content

N
NodeJS_671036

Five-菜鸟级 / NodeJS_671036
与 Fork 源项目一致

Fork自 inscode / NodeJS

通知 2
Star 0
Fork 0
N
NodeJS_671036
提交 e03cfd5e 编写于 作者: Q qq_41923622
浏览文件
操作

Mon Mar 24 21:22:00 CST 2025 inscode

上级 5e9782e7
隐藏空白更改
内联 并排
Showing with 51 addition and 39 deletion
index.html
浏览文件 @ e03cfd5e
......@@ -45,7 +45,7 @@
<div class="section-wrapper">
💓 💖
</div>
<div v-scope="ImgBox({imgName:'DSCF8222.jpg'})" @vue:mounted="mounted"></div>
<div v-scope="ImgBox({imgName:'DSCF8222.jpg'})" style="width:60vw;" @vue:mounted="mounted"></div>
</section>
<section class="section-row">
<div class="section-wrapper">
......@@ -198,7 +198,8 @@
<template id="gifts-list-popup-template">
<div class="bounbottom-popupter-gift-list">
<div class="gift-list-container">
<div v-for="(item, index) in giftList" :key="index" :class="((item?'gift-list-item ': ' ')+(item.class?item.class:''))">
<div v-for="(item, index) in giftList" :key="index"
:class="((item?'gift-list-item ': ' ')+(item.class?item.class:''))">
<div class="gift-list-avatar"><img :src="item.avatar"/></div>
<div class="gift-list-content">{{item.text}}</div>
<div class="gift-list-gift-img">
......@@ -209,8 +210,8 @@
</div>
</div>
</template>
<template id="imgbox-template">
<img ref="imgboxRef" class="imgbox-img" :src="imgSrc" :data-src="dataSrc"/>
<template id="imgbox-template">
<img ref="imgboxRef" class="imgbox-img" :src="imgSrc" :data-src="dataSrc"/>
</template>
<script type="module" src="/src/main.ts"></script>
......
src/float/bottomPopup.scss
浏览文件 @ e03cfd5e
......@@ -317,6 +317,7 @@
flex-wrap: nowrap;
align-items: center;
padding-right: 40px;
animation: 6s ease 0s infinite normal none running giftCardAnimation;
.gift-list-avatar {
border-radius: 50%;
border: 3px solid #ecd54e;
......@@ -380,6 +381,15 @@
transform: translateY(0px);
}
}
@keyframes giftCardAnimation{
0% {
/* -webkit-transform:translateY(0px); */
transform:translateX(100vw);
}
60%,100%{
transform:translateX(0);
}
}
.signupForm {
display: flex;
......
src/section/components/imgbox/index.ts
浏览文件 @ e03cfd5e
let imgNameMap = {
"DSCF7995.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100029689-1902352921.jpg",
"DSCF8019.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100053386-972327104.jpg",
"DSCF8027.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100058175-827552871.jpg",
"DSCF8032.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100130637-1302595560.jpg",
"DSCF8060.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100146372-1273702537.jpg",
"DSCF8066.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100157223-1565474322.jpg",
"DSCF8222.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100223365-885507912.jpg",
"DSCF8233.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100236296-540240942.jpg",
"DSCF8242.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100254235-347166596.jpg",
"DSCF8277.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100301439-1187700424.jpg",
"DSCF8300.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100315596-444316746.jpg",
"DSCF8317.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100323876-1068919887.jpg",
"DSCF8340.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100335749-1703366862.jpg",
"DSCF8367.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100354287-731720950.jpg",
"DSCF8380.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100400247-2065718691.jpg",
"DSCF8387.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100425853-1440400103.jpg",
"DSCF8421.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100433467-1756521464.jpg",
"TY990002.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100502058-1084711135.jpg",
"TY990003.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100506677-657252353.jpg",
"TY990008.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100527768-1282940815.jpg",
"TY990010.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100532356-1999017650.jpg",
"TY990014.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100540336-1347764031.jpg",
"TY990015.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100551344-1894165936.jpg",
"TY990021.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100554572-1997756659.jpg",
"TY990041.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100602262-1381131867.jpg",
"TY990048.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100606733-294301131.jpg",
"TY990056.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100612325-630979611.jpg",
"TY990060.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100618801-286006152.jpg",
"TY990061.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100624553-1337741269.jpg",
"TY990064.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100631483-1144807232.jpg",
"TY990066.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100641277-1739003954.jpg",
"TY990070.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100645895-1752927013.jpg",
"DSCF8082.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100656389-115990575.jpg",
"DSCF8162.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100702995-1813563833.jpg",
"DSCF8365.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324100709204-1857305680.jpg"
"DSCF7995.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183236863-775058888.jpg",
"DSCF8019.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183304831-1311955035.jpg",
"DSCF8027.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183333528-609366250.jpg",
"DSCF8032.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183356676-108832443.jpg",
"DSCF8060.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183425020-1267513418.jpg",
"DSCF8066.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183451764-101058271.jpg",
"DSCF8222.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183513437-1716087417.jpg",
"DSCF8233.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183531712-794151877.jpg",
"DSCF8242.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183547701-648650159.jpg",
"DSCF8277.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183603661-606885984.jpg",
"DSCF8300.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183621650-87727969.jpg",
"DSCF8317.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183641380-1818725148.jpg",
"DSCF8340.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183659079-461997327.jpg",
"DSCF8367.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183722520-93977809.jpg",
"DSCF8380.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183746616-1725596952.jpg",
"DSCF8387.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183813554-1758228357.jpg",
"DSCF8421.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183837843-1322054414.jpg",
"TY990002.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183857133-1151822517.jpg",
"TY990003.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183911328-1621513453.jpg",
"TY990008.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183923223-1910411581.jpg",
"TY990010.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183937489-857816740.jpg",
"TY990014.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183948110-805200352.jpg",
"TY990015.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324183957712-1393021635.jpg",
"TY990021.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184006736-1627699577.jpg",
"TY990041.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184015462-678549051.jpg",
"TY990048.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184025087-491861390.jpg",
"TY990056.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184034602-352860849.jpg",
"TY990060.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184045226-102877324.jpg",
"TY990061.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184057446-1262751578.jpg",
"TY990064.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184110112-1754185944.jpg",
"TY990066.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184121905-2029115015.jpg",
"TY990070.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184130866-1123908390.jpg",
"DSCF8082.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184141954-1567313860.jpg",
"DSCF8162.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184204588-1056027914.jpg",
"DSCF8365.jpg": "https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250324184228867-1626898646.jpg"
}
let imgNameW320Map = {
"DSCF7995.jpg": "https://erp-new.cdn.yingtaoyun.com/flw/1784/Q2406170015/jx/1241858/DSCF7995.jpg!w320?2025-02-25 18:53:14",
......
src/section/index.scss
浏览文件 @ e03cfd5e
......@@ -7,5 +7,6 @@
.imgbox-img{
width: 100%;
min-width: 100%;
height: auto;
}
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或