红色教育辅助软件开发第七天

昨日总结

昨天解决了一个特别烦人的bug
这就可以在手机端展现项目的字体图标了

今日开发（限时活动模块编写）

今日代码

<template>
	</Icon>
	<view class="goods">
		<view class="goods_nav">
			<text class="iconfont icon-a-hongsewuxingshoucangzuiai icon"></text>
			<view class="goods_nav_text">红色教育</view>
		</view>
		
		<view class="goods_nav">
			<text class="iconfont icon-a-ziyuan4 icon"></text>
			<view class="goods_nav_text">红色精神</view>
		</view>
		<view class="goods_nav">
			<text class="iconfont icon-zhongguogemingjingshen icon"></text>
			<view class="goods_nav_text">革命精神</view>
		</view>
		<view class="goods_nav">
			<text class="iconfont icon-gemingjingguan icon"></text>
			<view class="goods_nav_text">革命景观</view>
		</view>
		<view class="goods_nav">
			<text class="iconfont icon-gemingchuantongjiaoyu icon"></text>
			<view class="goods_nav_text">革命著作</view>
		</view>
		<view class="goods_nav">
			<text class="iconfont icon-gemingshangweichenggong icon"></text>
			<view class="goods_nav_text">革命斗争</view>
		</view>
		<view class="goods_nav">
			<text class="iconfont icon-zhongguogemingshi icon"></text>
			<view class="goods_nav_text">中国党史</view>
		</view>
		<view class="goods_nav">
			<text class="iconfont icon-a-jingchabanshengongan icon"></text>
			<view class="goods_nav_text">革命先烈</view>
		</view>
		
		
	</view>
</template>

<script>

</script>

<style>
	@import url("../iconfont/iconfont.css");
	.goods{
		display: flex;
		box-sizing: border-box;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 15px 10px;
		
	}
	.goods .goods_nav{
		width: 25%;
		flex-direction: row;
		flex-wrap: wrap;
		text-align: center;
		margin-bottom: 15px;
	}
	.icon{
		font-size: 40px;
		color: #d81e06;
	}
	.goods_nav_text{
		width: 100%;
		font-size: 13px;
		margin-top:10px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
</style>