mh-two-thousand-and-two
2024-04-03 29a02350b873fa6339a7535fa929697fec9a8f84
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 中国中医科学院中医药信息研究所版权所有 京ICP备********号
            </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;