diff --git a/pages/plugins/blog/detail/detail.css b/pages/plugins/blog/detail/detail.css new file mode 100644 index 00000000..0fe95375 --- /dev/null +++ b/pages/plugins/blog/detail/detail.css @@ -0,0 +1,27 @@ +/** + * 推荐博文 + */ +.blog-list .blog-img { + width: 200rpx !important; + height: 170rpx !important; +} +.blog-list .base { + width: calc(100% - 220rpx); +} + +/** + * 商品 + */ +.goods-list .item { + width: calc(50% - 10rpx); +} +.goods-list .item:nth-child(2n) { + float: right; +} +.goods-list .item:nth-child(2n+1) { + float: left; +} +.goods-list .item .goods-img { + width: 100%; + height: 380rpx !important; +} \ No newline at end of file diff --git a/pages/plugins/blog/detail/detail.vue b/pages/plugins/blog/detail/detail.vue new file mode 100644 index 00000000..6ae5b2af --- /dev/null +++ b/pages/plugins/blog/detail/detail.vue @@ -0,0 +1,199 @@ + + + \ No newline at end of file diff --git a/pages/plugins/blog/index/index.css b/pages/plugins/blog/index/index.css new file mode 100644 index 00000000..f0958aad --- /dev/null +++ b/pages/plugins/blog/index/index.css @@ -0,0 +1,57 @@ +/* +* 分类 +*/ +.nav-list { + height: 38rpx; + line-height: 38rpx; + width: calc(100% - 155rpx); +} + +/** + * 博客列表 + */ +.blog-list .blog-img { + width: 200rpx !important; + height: 170rpx !important; +} +.blog-list .base { + width: calc(100% - 220rpx); +} + +/* + * 博客滚动 + */ +.hot-list swiper, +.hot-list .item .blog-img { + height: 180rpx !important; +} +.hot-list .item .blog-title { + left: 0; + bottom: 0; + width: calc(100% - 36rpx); + background-color: rgba(0,0,0,.5); +} + +/** + * 推荐博文 + */ +.right-list .item .blog-title { + width: calc(100% - 210rpx); +} + +/** + * 商品 + */ +.goods-list .item { + width: calc(50% - 10rpx); +} +.goods-list .item:nth-child(2n) { + float: right; +} +.goods-list .item:nth-child(2n+1) { + float: left; +} +.goods-list .item .goods-img { + width: 100%; + height: 380rpx !important; +} \ No newline at end of file diff --git a/pages/plugins/blog/index/index.vue b/pages/plugins/blog/index/index.vue new file mode 100644 index 00000000..e2722969 --- /dev/null +++ b/pages/plugins/blog/index/index.vue @@ -0,0 +1,243 @@ + + + \ No newline at end of file diff --git a/pages/plugins/blog/search/search.css b/pages/plugins/blog/search/search.css new file mode 100644 index 00000000..3b03d8a7 --- /dev/null +++ b/pages/plugins/blog/search/search.css @@ -0,0 +1,40 @@ +/** + * 搜索 + */ +.search-keywords { + background: #f0f0f0; +} +.search-keywords icon { + position: absolute; + left: 30rpx; + top: calc(50% - 6px); +} +.search-keywords input { + font-size: 26rpx; + padding: 0 30rpx 0 76rpx; + box-sizing: border-box; + height: 30px; + line-height: 30px; +} + +/** +* 分类导航 +*/ +.nav-list { + height: 80rpx; + line-height: 80rpx; +} + +/** +* 数据列表 +*/ +.scroll-box { + height: calc(100vh - 100rpx - 30px); +} +.blog-list .blog-img { + width: 200rpx !important; + height: 170rpx !important; +} +.blog-list .base { + width: calc(100% - 220rpx); +} \ No newline at end of file diff --git a/pages/plugins/blog/search/search.vue b/pages/plugins/blog/search/search.vue new file mode 100644 index 00000000..7cf152b3 --- /dev/null +++ b/pages/plugins/blog/search/search.vue @@ -0,0 +1,269 @@ + + + \ No newline at end of file