From 29a02350b873fa6339a7535fa929697fec9a8f84 Mon Sep 17 00:00:00 2001 From: mh-two-thousand-and-two <17391232786@163.com> Date: 星期三, 03 四月 2024 18:44:07 +0800 Subject: [PATCH] 三 --- components/footer/footer.vue | 40 +++++++++++++++++++++++++++++----------- 1 files changed, 29 insertions(+), 11 deletions(-) diff --git a/components/footer/footer.vue b/components/footer/footer.vue index e227a2a..d002095 100644 --- a/components/footer/footer.vue +++ b/components/footer/footer.vue @@ -1,13 +1,13 @@ <template> - <view class="BottomColumn flex flex-center"> + <view class="BottomColumn flex flex-center" :style="{'position':isLocation==true?'fixed':'','marginTop':isMarginTop+'rem'}"> <view class="Bbar flex"> - <img style="display: block;margin-right: .22rem;width: .52rem;height: .52rem;" src="@/static/image/logo.png" alt="" srcset="" /> - <view class="font-family" style="color: #2C2C2C; font-size: .14rem;line-height: normal;font-weight: 600;"> + <img style="display: block;margin-right: .22rem;width: .4rem;height: .4rem;" src="@/static/image/logo.png" + alt="" srcset="" /> + <view class="font-family" style="color: #2C2C2C; font-size: .12rem;line-height: 1.5;"> <view class=""> - 92017涓浗涓尰绉戝闄腑鍖昏嵂淇℃伅鐮旂┒鎵�鐗堟潈鎵�鏈変含ICP澶囦笟鏂瑰畨澶т笟鏂逛笟鏂� + 漏2017 涓浗涓尰绉戝闄腑鍖昏嵂淇℃伅鐮旂┒鎵�鐗堟潈鎵�鏈� 浜琁CP澶�********鍙� </view> - <view class="">鍦板潃:鍖椾含甯備笢鍩庡尯涓滅洿闂ㄥ唴鍗楀皬琛�16鍙烽偖缂�:100700 - 鐢佃瘽:8610-64089611Email:tcmbase@126.com</view> + <view class="">鍦板潃锛氬寳浜競涓滃煄鍖轰笢鐩撮棬鍐呭崡灏忚16鍙� 閭紪锛�100700 鐢佃瘽锛�8610-64089611 Email: tcmbase@126.com</view> </view> </view> </view> @@ -15,26 +15,44 @@ <script> export default { - name:"footer", + name: "footer", + props: { + isLocation: { + type: Boolean, + default () { + return true + } + }, + isMarginTop: { + type: Number, + default () { + return 0 + } + }, + }, data() { return { - + }; } } </script> <style scoped> -.BottomColumn { - position: fixed; - left: 0px; + .BottomColumn { + /* position: sticky; + top: 0; */ + /* position: fixed; */ + /* left: 0px; */ bottom: 0px; + z-index: 999999999999999999999999999999999999999999; padding: .19rem 0; width: 100%; background-color: #e6eff8; font-size: 10px; color: #000; + /* margin-top: 1rem; */ .Bbar { img { width: 60rpx; -- Gitblit v1.9.1