首页
This commit is contained in:
shidongli
parent
93a8b1af29
commit
395e46f7ff
@ -1,497 +1,30 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container home">
|
<div class="app-container home">
|
||||||
<div class="homes">
|
<el-row :gutter="20">
|
||||||
<div class="count" @click="goodsCount">
|
<el-col :sm="24" :lg="12" style="padding-left: 20px">
|
||||||
<div class="el-icon-picture-outline icons"></div>
|
<h2>新医路新版小程序管理系统</h2>
|
||||||
<div class="counts">{{ List.goodsCount }}</div>
|
<p>
|
||||||
<div class="total">商品总数量</div>
|
</p>
|
||||||
</div>
|
<p>
|
||||||
<div class="count member" @click="patientCount">
|
</p>
|
||||||
<div class="el-icon-user-solid icons"></div>
|
</el-col>
|
||||||
<div class="counts">{{ List.patientCount }}</div>
|
<el-col :sm="24" :lg="12" style="padding-left: 50px">
|
||||||
<div class="total">会员总数量</div>
|
<el-row>
|
||||||
</div>
|
</el-row>
|
||||||
<div class="count order" @click="appointmentOrderCount">
|
</el-col>
|
||||||
<div class="el-icon-shopping-cart-2 icons"></div>
|
|
||||||
<div class="counts">{{ List.appointmentOrderCount }}</div>
|
|
||||||
<div class="total">预约订单总数量</div>
|
|
||||||
</div>
|
|
||||||
<div class="count shop" @click="goodsOrderCount">
|
|
||||||
<div class="el-icon-s-data icons"></div>
|
|
||||||
<div class="counts">{{ List.goodsOrderCount }}</div>
|
|
||||||
<div class="total">商品订单总数量</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="today">
|
|
||||||
<!-- 今日概括 -->
|
|
||||||
<div class="todayitem">
|
|
||||||
<div class="el-icon-sell icon"></div>
|
|
||||||
<div class="goodsinfo">今日上架商品数量</div>
|
|
||||||
<div class="totals">{{ summaryTodayList.goodsCount }}</div>
|
|
||||||
</div>
|
|
||||||
<div class="todayitem">
|
|
||||||
<div class="el-icon-user icon"></div>
|
|
||||||
<div class="goodsinfo">今日新增会员数</div>
|
|
||||||
<div class="totals">{{ summaryTodayList.patientCount }}</div>
|
|
||||||
</div>
|
|
||||||
<div class="todayitem">
|
|
||||||
<div class="el-icon-shopping-cart-full icon"></div>
|
|
||||||
<div class="goodsinfo">今日订单数</div>
|
|
||||||
<div class="totals">{{ summaryTodayList.orderCount }}</div>
|
|
||||||
</div>
|
|
||||||
<div class="todayitem">
|
|
||||||
<div class="el-icon-money icon"></div>
|
|
||||||
<div class="goodsinfo">今日交易额</div>
|
|
||||||
<div class="totals">{{ summaryTodayList.totalPrice }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="main2" id="main2" style="width: 1200px; height: 500px"></div>
|
|
||||||
<div class="main" id="main" style="width: 1200px; height: 500px"></div>
|
|
||||||
<el-row>
|
|
||||||
<div class="title">热卖商品TOP10</div>
|
|
||||||
<el-table :data="list" style="width: 96%; margin: 0 auto">
|
|
||||||
<el-table-column label="排名" type="index" width="130" align="center" />
|
|
||||||
<el-table-column label="商品名称" align="center" prop="goodsName" />
|
|
||||||
<el-table-column label="价格" align="center" prop="sumTotalPrice" />
|
|
||||||
<el-table-column
|
|
||||||
label="销量"
|
|
||||||
align="center"
|
|
||||||
width="130"
|
|
||||||
prop="sumGoodsCount"
|
|
||||||
/>
|
|
||||||
</el-table>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
|
<el-divider />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { informationStatistics, summaryToday } from "@/api/system/index";
|
|
||||||
import * as echarts from "echarts";
|
|
||||||
import {
|
|
||||||
getWeekGoodsTradeTrend,
|
|
||||||
getWeekTradeAppointmentTrend,
|
|
||||||
selectHotGoodsList,
|
|
||||||
} from "@/api/system/homepage.js";
|
|
||||||
export default {
|
export default {
|
||||||
name: "index",
|
name: "index",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
queryParams: {
|
|
||||||
goodsCount: null,
|
|
||||||
patientCount: null,
|
|
||||||
orderCount: null,
|
|
||||||
storeCount: null,
|
|
||||||
},
|
|
||||||
// 基本信息查询
|
|
||||||
List: [],
|
|
||||||
// 概述查询
|
|
||||||
summaryTodayList: [],
|
|
||||||
// 版本号
|
|
||||||
version: "0.0.1",
|
|
||||||
list: [],
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
|
||||||
this.info();
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
this.tableinfo();
|
|
||||||
},
|
|
||||||
methods: {
|
methods: {
|
||||||
tableinfo() {
|
|
||||||
selectHotGoodsList().then((res) => {
|
|
||||||
this.list = res.data;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
info() {
|
|
||||||
getWeekTradeAppointmentTrend().then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
var timedata = [];
|
|
||||||
res.data.forEach((e) => {
|
|
||||||
timedata.push(e.clickDate);
|
|
||||||
});
|
|
||||||
var totalPricedata = [];
|
|
||||||
res.data.forEach((e) => {
|
|
||||||
totalPricedata.push(e.totalPrice);
|
|
||||||
});
|
|
||||||
var numberdata = [];
|
|
||||||
res.data.forEach((e) => {
|
|
||||||
numberdata.push(e.count);
|
|
||||||
});
|
|
||||||
var chartDom = document.getElementById("main2");
|
|
||||||
var myChart = echarts.init(chartDom);
|
|
||||||
var option;
|
|
||||||
option = {
|
|
||||||
title: {
|
|
||||||
text: "预约订单交易走势",
|
|
||||||
left: "50%",
|
|
||||||
textAlign: "center",
|
|
||||||
},
|
|
||||||
tooltip: {
|
|
||||||
trigger: "axis",
|
|
||||||
axisPointer: {
|
|
||||||
lineStyle: {
|
|
||||||
color: "#ddd",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
backgroundColor: "rgba(255,255,255,1)",
|
|
||||||
padding: [5, 10],
|
|
||||||
textStyle: {
|
|
||||||
color: "#7588E4",
|
|
||||||
},
|
|
||||||
extraCssText: "box-shadow: 0 0 5px rgba(0,0,0,0.3)",
|
|
||||||
},
|
|
||||||
legend: {
|
|
||||||
right: 20,
|
|
||||||
orient: "vertical",
|
|
||||||
x: "left",
|
|
||||||
y: "top",
|
|
||||||
data: ["订单数量", "订单金额"],
|
|
||||||
},
|
|
||||||
xAxis: {
|
|
||||||
type: "category",
|
|
||||||
data: timedata,
|
|
||||||
boundaryGap: false,
|
|
||||||
splitLine: {
|
|
||||||
show: true,
|
|
||||||
interval: "auto",
|
|
||||||
lineStyle: {
|
|
||||||
color: ["#ffffff"],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
axisTick: {
|
|
||||||
show: false,
|
|
||||||
},
|
|
||||||
axisLine: {
|
|
||||||
lineStyle: {
|
|
||||||
color: "#609ee9",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
axisLabel: {
|
|
||||||
margin: 10,
|
|
||||||
textStyle: {
|
|
||||||
fontSize: 14,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
yAxis: {
|
|
||||||
type: "value",
|
|
||||||
splitLine: {
|
|
||||||
lineStyle: {
|
|
||||||
color: ["#f0f0f0"],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
axisTick: {
|
|
||||||
show: false,
|
|
||||||
},
|
|
||||||
axisLine: {
|
|
||||||
lineStyle: {
|
|
||||||
color: "#609ee9",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
axisLabel: {
|
|
||||||
margin: 10,
|
|
||||||
textStyle: {
|
|
||||||
fontSize: 14,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
series: [
|
|
||||||
{
|
|
||||||
name: "订单数量",
|
|
||||||
type: "line",
|
|
||||||
smooth: true,
|
|
||||||
showSymbol: false,
|
|
||||||
symbol: "circle",
|
|
||||||
symbolSize: 6,
|
|
||||||
data: numberdata,
|
|
||||||
areaStyle: {
|
|
||||||
normal: {
|
|
||||||
color: new echarts.graphic.LinearGradient(
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
1,
|
|
||||||
[
|
|
||||||
{
|
|
||||||
offset: 0,
|
|
||||||
color: "#d6e3fd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
offset: 1,
|
|
||||||
color: "#d6e3fd",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
false
|
|
||||||
),
|
|
||||||
},
|
|
||||||
},
|
|
||||||
itemStyle: {
|
|
||||||
normal: {
|
|
||||||
color: "#87B1F7",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
lineStyle: {
|
|
||||||
normal: {
|
|
||||||
width: 3,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "订单金额",
|
|
||||||
type: "line",
|
|
||||||
smooth: true,
|
|
||||||
showSymbol: false,
|
|
||||||
symbol: "circle",
|
|
||||||
symbolSize: 6,
|
|
||||||
data: totalPricedata,
|
|
||||||
areaStyle: {
|
|
||||||
normal: {
|
|
||||||
color: new echarts.graphic.LinearGradient(
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
1,
|
|
||||||
[
|
|
||||||
{
|
|
||||||
offset: 0,
|
|
||||||
color: "#D6F5E9",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
offset: 1,
|
|
||||||
color: "#D6F5E9",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
false
|
|
||||||
),
|
|
||||||
},
|
|
||||||
},
|
|
||||||
itemStyle: {
|
|
||||||
normal: {
|
|
||||||
color: "#57D1A0",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
lineStyle: {
|
|
||||||
normal: {
|
|
||||||
width: 3,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
option && myChart.setOption(option);
|
|
||||||
} else {
|
|
||||||
}
|
|
||||||
});
|
|
||||||
getWeekGoodsTradeTrend().then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
var timedata = [];
|
|
||||||
res.data.forEach((e) => {
|
|
||||||
timedata.push(e.clickDate);
|
|
||||||
});
|
|
||||||
var numberdata = [];
|
|
||||||
res.data.forEach((e) => {
|
|
||||||
numberdata.push(e.count);
|
|
||||||
});
|
|
||||||
var totalPricedata = [];
|
|
||||||
res.data.forEach((e) => {
|
|
||||||
totalPricedata.push(e.totalPrice);
|
|
||||||
});
|
|
||||||
var moneydata = [];
|
|
||||||
res.data.forEach((e) => {
|
|
||||||
numberdata.push(e.count);
|
|
||||||
});
|
|
||||||
var chartDom = document.getElementById("main");
|
|
||||||
var myChart = echarts.init(chartDom);
|
|
||||||
var option;
|
|
||||||
option = {
|
|
||||||
title: {
|
|
||||||
text: "商品订单交易走势",
|
|
||||||
left: "50%",
|
|
||||||
textAlign: "center",
|
|
||||||
},
|
|
||||||
tooltip: {
|
|
||||||
trigger: "axis",
|
|
||||||
axisPointer: {
|
|
||||||
lineStyle: {
|
|
||||||
color: "#ddd",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
backgroundColor: "rgba(255,255,255,1)",
|
|
||||||
padding: [5, 10],
|
|
||||||
textStyle: {
|
|
||||||
color: "#7588E4",
|
|
||||||
},
|
|
||||||
extraCssText: "box-shadow: 0 0 5px rgba(0,0,0,0.3)",
|
|
||||||
},
|
|
||||||
legend: {
|
|
||||||
right: 20,
|
|
||||||
orient: "vertical",
|
|
||||||
x: "left",
|
|
||||||
y: "top",
|
|
||||||
data: ["订单数量", "订单金额"],
|
|
||||||
},
|
|
||||||
xAxis: {
|
|
||||||
type: "category",
|
|
||||||
data: timedata,
|
|
||||||
boundaryGap: false,
|
|
||||||
splitLine: {
|
|
||||||
show: true,
|
|
||||||
interval: "auto",
|
|
||||||
lineStyle: {
|
|
||||||
color: ["#ffffff"],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
axisTick: {
|
|
||||||
show: false,
|
|
||||||
},
|
|
||||||
axisLine: {
|
|
||||||
lineStyle: {
|
|
||||||
color: "#609ee9",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
axisLabel: {
|
|
||||||
margin: 10,
|
|
||||||
textStyle: {
|
|
||||||
fontSize: 14,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
yAxis: {
|
|
||||||
type: "value",
|
|
||||||
splitLine: {
|
|
||||||
lineStyle: {
|
|
||||||
color: ["#D4DFF5"],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
axisTick: {
|
|
||||||
show: false,
|
|
||||||
},
|
|
||||||
axisLine: {
|
|
||||||
lineStyle: {
|
|
||||||
color: "#609ee9",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
axisLabel: {
|
|
||||||
margin: 10,
|
|
||||||
textStyle: {
|
|
||||||
fontSize: 14,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
series: [
|
|
||||||
{
|
|
||||||
name: "订单数量",
|
|
||||||
type: "line",
|
|
||||||
smooth: true,
|
|
||||||
showSymbol: false,
|
|
||||||
symbol: "circle",
|
|
||||||
symbolSize: 6,
|
|
||||||
data: numberdata,
|
|
||||||
areaStyle: {
|
|
||||||
normal: {
|
|
||||||
color: new echarts.graphic.LinearGradient(
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
1,
|
|
||||||
[
|
|
||||||
{
|
|
||||||
offset: 0,
|
|
||||||
color: "#d6e3fd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
offset: 1,
|
|
||||||
color: "#d6e3fd",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
false
|
|
||||||
),
|
|
||||||
},
|
|
||||||
},
|
|
||||||
itemStyle: {
|
|
||||||
normal: {
|
|
||||||
color: "#87B1F7",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
lineStyle: {
|
|
||||||
normal: {
|
|
||||||
width: 3,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "订单金额",
|
|
||||||
type: "line",
|
|
||||||
smooth: true,
|
|
||||||
showSymbol: false,
|
|
||||||
symbol: "circle",
|
|
||||||
symbolSize: 6,
|
|
||||||
data: totalPricedata,
|
|
||||||
areaStyle: {
|
|
||||||
normal: {
|
|
||||||
color: new echarts.graphic.LinearGradient(
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
1,
|
|
||||||
[
|
|
||||||
{
|
|
||||||
offset: 0,
|
|
||||||
color: "#D6F5E9",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
offset: 1,
|
|
||||||
color: "#D6F5E9",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
false
|
|
||||||
),
|
|
||||||
},
|
|
||||||
},
|
|
||||||
itemStyle: {
|
|
||||||
normal: {
|
|
||||||
color: "#57D1A0",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
lineStyle: {
|
|
||||||
normal: {
|
|
||||||
width: 3,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
option && myChart.setOption(option);
|
|
||||||
} else {
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
goodsCount() {
|
|
||||||
this.$router.push("/Shopping/operateGoodsInfo");
|
|
||||||
},
|
|
||||||
patientCount() {
|
|
||||||
this.$router.push("/patient/patientArchives");
|
|
||||||
},
|
|
||||||
appointmentOrderCount() {
|
|
||||||
this.$router.push("/order/order");
|
|
||||||
},
|
|
||||||
goodsOrderCount() {
|
|
||||||
this.$router.push("/order/goodsOrder");
|
|
||||||
},
|
|
||||||
|
|
||||||
getList() {
|
|
||||||
informationStatistics(this.queryParams).then((response) => {
|
|
||||||
this.List = response.data;
|
|
||||||
});
|
|
||||||
summaryToday(this.queryParams).then((response) => {
|
|
||||||
this.summaryTodayList = response.data;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
goTarget(href) {
|
goTarget(href) {
|
||||||
window.open(href, "_blank");
|
window.open(href, "_blank");
|
||||||
},
|
},
|
||||||
@ -500,128 +33,66 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.main2 {
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
.main {
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
.title {
|
|
||||||
margin: 20px 0 20px 2%;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
.count {
|
|
||||||
color: white;
|
|
||||||
width: 30%;
|
|
||||||
background-image: linear-gradient(
|
|
||||||
109.6deg,
|
|
||||||
rgba(111, 167, 183, 0.6) 11.2%,
|
|
||||||
#b3e9d8 100.2%
|
|
||||||
);
|
|
||||||
transition: 0.35s;
|
|
||||||
-webkit-box-shadow: 1px 3px 12px rgb(255 113 113 / 30%);
|
|
||||||
height: 84px;
|
|
||||||
border-radius: 0.4em;
|
|
||||||
font-weight: 700;
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
.count:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
-webkit-transform: translateY(-10px);
|
|
||||||
transform: translateY(-10px);
|
|
||||||
z-index: 99;
|
|
||||||
}
|
|
||||||
.member {
|
|
||||||
background-image: linear-gradient(
|
|
||||||
109.6deg,
|
|
||||||
rgba(161, 191, 239, 0.6) 11.2%,
|
|
||||||
#86c5e2 100.2%
|
|
||||||
);
|
|
||||||
-webkit-box-shadow: 1px 3px 12px rgb(255 170 113 / 30%);
|
|
||||||
box-shadow: 1px 3px 12px rgb(255 170 113 / 30%);
|
|
||||||
}
|
|
||||||
.order {
|
|
||||||
background-image: linear-gradient(
|
|
||||||
109.6deg,
|
|
||||||
rgba(161, 191, 214, 0.6) 11.2%,
|
|
||||||
#688eab 100.2%
|
|
||||||
);
|
|
||||||
-webkit-box-shadow: 1px 3px 12px rgb(147 181 225 / 30%);
|
|
||||||
box-shadow: 1px 3px 12px rgb(147 181 225 / 30%);
|
|
||||||
}
|
|
||||||
.shop {
|
|
||||||
background-image: linear-gradient(
|
|
||||||
109.6deg,
|
|
||||||
rgba(138, 203, 158, 0.6) 11.2%,
|
|
||||||
#81c195 100.2%
|
|
||||||
);
|
|
||||||
-webkit-box-shadow: 1px 3px 12px rgb(132 140 207 / 30%);
|
|
||||||
box-shadow: 1px 3px 12px rgb(132 140 207 / 30%);
|
|
||||||
}
|
|
||||||
.counts {
|
|
||||||
margin-top: 20px;
|
|
||||||
margin-left: 35%;
|
|
||||||
line-height: 1;
|
|
||||||
font-size: 21px;
|
|
||||||
}
|
|
||||||
.total {
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-left: 35%;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
.icon {
|
|
||||||
margin-top: 10px;
|
|
||||||
margin-left: 16px;
|
|
||||||
font-size: 31px;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
.icons {
|
|
||||||
margin-top: 30px;
|
|
||||||
margin-left: 35px;
|
|
||||||
position: absolute;
|
|
||||||
font-size: 31px;
|
|
||||||
}
|
|
||||||
.today {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
margin-top: 10px;
|
|
||||||
margin-left: -10px;
|
|
||||||
}
|
|
||||||
.todayitem {
|
|
||||||
transition: 0.35s;
|
|
||||||
margin: 10px;
|
|
||||||
width: 30%;
|
|
||||||
height: 100px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
border-radius: 0.4em;
|
|
||||||
font-weight: 700;
|
|
||||||
background: hsla(0, 0%, 92.2%, 0.5333333333333333);
|
|
||||||
padding: 20px;
|
|
||||||
.goodsinfo {
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-left: 32%;
|
|
||||||
}
|
|
||||||
.totals {
|
|
||||||
color: #ff5c58;
|
|
||||||
margin-left: 32%;
|
|
||||||
margin-top: 5px;
|
|
||||||
font-size: 21px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.todayitem:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
-webkit-transform: translateY(-10px);
|
|
||||||
transform: translateY(-10px);
|
|
||||||
z-index: 99;
|
|
||||||
}
|
|
||||||
.home {
|
.home {
|
||||||
height: 100%;
|
blockquote {
|
||||||
width: 100%;
|
padding: 10px 20px;
|
||||||
background-size: cover;
|
margin: 0 0 20px;
|
||||||
}
|
font-size: 17.5px;
|
||||||
.homes {
|
border-left: 5px solid #eee;
|
||||||
display: flex;
|
}
|
||||||
|
hr {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border: 0;
|
||||||
|
border-top: 1px solid #eee;
|
||||||
|
}
|
||||||
|
.col-item {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 13px;
|
||||||
|
color: #676a6c;
|
||||||
|
overflow-x: hidden;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-top: 10px;
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-top: 10px;
|
||||||
|
|
||||||
|
b {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.update-log {
|
||||||
|
ol {
|
||||||
|
display: block;
|
||||||
|
list-style-type: decimal;
|
||||||
|
margin-block-start: 1em;
|
||||||
|
margin-block-end: 1em;
|
||||||
|
margin-inline-start: 0;
|
||||||
|
margin-inline-end: 0;
|
||||||
|
padding-inline-start: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user