Pārlūkot izejas kodu

详情页样式开发

tanxue 2 mēneši atpakaļ
vecāks
revīzija
97d1afc238

+ 11 - 2
common/styles/global/components.scss

@@ -147,7 +147,16 @@ view{box-sizing: border-box;}
 	
 // 底部footer
 .dljt-footer-box{
-	width: 100%;height: 120rpx;background-color: #01356e;
+	width: 100%;height: 120rpx;background-color: #01356e;box-sizing: border-box;padding: 0 24rpx;
+	display: flex;align-items: center;justify-content: space-between;
+	.footer-logo-box{
+		width: 350rpx;height: 78rpx;@include dljt-no-repeat-cover();
+		background-image: url("@/static/images/common/website-logo.png");
+	}
+	.footer-text-box{
+		font-size: 16rpx;color: #fff;text-align:right;
+		view + view{margin-top: 2rpx;}
+	}
 }
 
 // 底部tab-bar
@@ -202,7 +211,7 @@ view{box-sizing: border-box;}
 box-shadow: 0 1rpx 3rpx 0 #227ECE;box-sizing: border-box;padding: 4rpx 10rpx 0;}
 /* 无限滚动区域 */
 // .uni-scroll-view-content{height: calc(100vh - 290rpx)}
-.uni-scroll-view-content{height: calc(100vh - 440rpx)}
+.uni-scroll-view-content{height: calc(100vh - 420rpx)}
 
 /*左侧图片右侧内容列表区域*/
 .list-item-box{

+ 5 - 1
components/MtaFooter.vue

@@ -1,6 +1,10 @@
 <template>
 	<view class="dljt-footer-box">
-		
+		<view class="footer-logo-box"></view>
+		<view class="footer-text-box">
+			<view>版权所有:大连市交通口岸职业技术学校</view>
+			<view>辽ICP备01001257号</view>
+		</view>
 	</view>
 </template>
 

+ 0 - 0
static/images/common/logo-img.png → static/images/common/website-logo.png