yang/k5web
1
0
Fork 0
mirror of https://github.com/silenty4ng/k5web synced 2025-01-06 20:02:38 +00:00
Code Issues Projects Releases Packages Wiki Activity

update

Browse source
This commit is contained in:
Silent YANG 2024-08-04 13:39:01 +08:00
parent 3a609053c4
commit 444ae4d71c
4 changed files with 52 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -83,7 +83,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
```
## 要饭
## 饿饿饭饭
<img src="https://github.com/silenty4ng/k5web/blob/master/public/mm_facetoface_collect_qrcode_1714392837792.png?raw=true" width="300" /> <img src="https://github.com/silenty4ng/k5web/blob/master/public/1722745910257.jpg?raw=true" width="300" />
TRON / TRX：TPaSnHJ2cRCQjjv7TyAFJDamb3mZSSz1At

16
config/vite.config.base.ts
View file

@ -73,5 +73,21 @@ export default defineConfig({
javascriptEnabled: true,
},
},
postcss: {
plugins: [
require('postcss-px-to-viewport')({
viewportWidth: 2560, // 视口宽度，对应设计稿宽度
viewporHeight: 1392, // 视口高度，对应设计稿高度
unitPrecision: 3, // 指定px转换之后的小数位数
viewportUnit: 'vw', // 转换的单位
fontViewportUnit: 'vw', // 字体使用的单位
replace: false, // 是否直接更换属性值，而不添加备用属性
selectorBlackList: ['.ignore', '.hairlines', '.arco', '.layout'], // 指定不转换的类
exclude: /(\/|\\)(node_modules)(\/|\\)/, //禁止更改第三方UI框架样式
minPixelValue: 15, // 小于或等于1px不转换
mediaQuery: true, // 允许在媒体查询中转换
})
]
}
},
});

1
package.json
View file

@ -67,6 +67,7 @@
"less": "^4.1.3",
"mockjs": "^1.1.0",
"postcss-html": "^1.5.0",
"postcss-px-to-viewport": "^1.1.1",
"prettier": "^2.7.1",
"rollup": "^3.9.1",
"rollup-plugin-visualizer": "^5.8.2",

42
src/views/dashboard/workplace/components/banner.vue
View file

@ -21,15 +21,35 @@
<a-typography-text>◆ K5Web 使用视频教程（BG7QJV）：<t-link theme="primary" href="https://www.douyin.com/video/7378314511419313458" target="_blank">https://www.douyin.com/video/7378314511419313458</t-link> 。</a-typography-text><br>
<a-typography-text>◆ K5Web 使用视频教程（BG3ODZ）：<t-link theme="primary" href="https://www.bilibili.com/video/BV1Q4421D75x" target="_blank">https://www.bilibili.com/video/BV1Q4421D75x</t-link> 。</a-typography-text>
</div>
<div style="margin-top: 50px;">&nbsp;</div>
<div>
<a-typography-title :heading="5">腾讯公益：</a-typography-title>
<img class="tencent" style="margin-bottom: 10px;" width="200px" src="/gy.png" />
</div>
<div>
<a-typography-title :heading="5">广告区：</a-typography-title>
<div style="border: 1px dashed; display: inline-block;">
<img style="margin: 20px; " class="tencent" height="200px" src="/jjgg.jpg" />
</div>
<a-collapse :default-active-key="[1]" accordion>
<a-collapse-item header="广告区" :key="1">
<a-card hoverable :style="{ width: '600px' }">
<template #cover>
<div
>
<img
:style="{ width: '100%' }"
alt="ads"
src="/jjgg.jpg"
/>
</div>
</template>
<a-card-meta title="BG4IWE 投放">
</a-card-meta>
</a-card>
</a-collapse-item>
<a-collapse-item header="腾讯公益" :key="2">
<img class="tencent" style="margin-bottom: 10px;" width="200px" src="/gy.png" />
</a-collapse-item>
<a-collapse-item header="饿饿饭饭" :key="3">
<img width="300" src="/mm_facetoface_collect_qrcode_1714392837792.png" >
<img width="300" src="/1722745910257.jpg" >
<br><br>
TRON / TRX：TPaSnHJ2cRCQjjv7TyAFJDamb3mZSSz1At
</a-collapse-item>
</a-collapse>
</div>
<br>
<br>
@ -109,6 +129,12 @@
</script>
<style scoped lang="less">
:deep(.arco-collapse-item-content-expend){
background-color: var(--color-bg-2);
}
:deep(.arco-collapse-item-content-box){
background-color: var(--color-bg-2);
}
.banner {
width: 100%;
padding: 20px 20px 0 20px;