From 4ef3d1053d37de62ed7c097fb4b74434f6e67f23 Mon Sep 17 00:00:00 2001 From: zuozhengqing <a13193816592@163.com> Date: 星期六, 23 九月 2023 15:46:17 +0800 Subject: [PATCH] “样式优化,组件拆分” --- src/components/bottomRail/bottomRail.vue | 78 +++++++++++++++++++++++++++++++++++++++ 1 files changed, 78 insertions(+), 0 deletions(-) diff --git a/src/components/bottomRail/bottomRail.vue b/src/components/bottomRail/bottomRail.vue new file mode 100644 index 0000000..237b398 --- /dev/null +++ b/src/components/bottomRail/bottomRail.vue @@ -0,0 +1,78 @@ +<!-- 搴曟爮 --> +<template> + <div class="box"> + <ul> + <li >鍏充簬鎴戜滑</li> + <li >娉曞緥澹版槑</li> + <li >闅愮鏀跨瓥</li> + <li >寤夋斂涓炬姤</li> + <li >鑱旂郴鎴戜滑</li> + <li >鍔犲叆鎴戜滑</li> + </ul> + <p>漏 2009-2019 smartai.com 鐗堟潈鎵�鏈� ICP璇侊細45456566</p> + <p>鍏綉瀹夊 436435455鍙�</p> + </div> +</template> + +<script> +export default { + props: { + + }, + data() { + return { + + }; + }, + computed: { + + }, + created() { + + }, + mounted() { + + }, + watch: { + + }, + methods: { + + }, + components: { + + }, +}; +</script> + +<style scoped lang="scss"> + ul{ + width: 100%; + display: flex; + align-items: center; + justify-content: center; + padding: 0; + li{ + list-style: none; + padding: 0 20px; + color: #999999; + font-size: 14px; + } + li:hover{ + cursor: pointer; + color: #FA640A; + } + } + p{ + padding: 0; + margin: 0; + text-align: center; + color: #CCCCCC; + cursor: pointer; + font-size: 14px; + } + p:last-child{ + padding: 0 0 30px 0; + } + +</style> -- Gitblit v1.8.0