优化界面

This commit is contained in:
GoEdgeLab
2020-12-11 17:28:06 +08:00
parent f7a0c039d5
commit ff6f15cc06
4 changed files with 34 additions and 16 deletions

View File

@@ -5,11 +5,16 @@ th span {
}
th a {
font-weight: normal;
visibility: hidden;
}
th:hover a {
visibility: visible;
}
td a {
display: none;
visibility: hidden;
font-size: 0.8em;
}
td:hover a {
display: inline;
visibility: visible;
}
/*# sourceMappingURL=prices.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["prices.less"],"names":[],"mappings":"AAAA,EACC;EACC,gBAAA;EACA,mBAAA;EACA,WAAA;;AAJF,EAOC;EACC,mBAAA;;AAIF,EACC;EACC,aAAA;;AAIF,EAAE,MACD;EACC,eAAA","file":"prices.css"}
{"version":3,"sources":["prices.less"],"names":[],"mappings":"AAAA,EACC;EACC,gBAAA;EACA,mBAAA;EACA,WAAA;;AAJF,EAOC;EACC,mBAAA;EACA,kBAAA;;AAIF,EAAE,MACD;EACC,mBAAA;;AAIF,EACC;EACC,kBAAA;EACA,gBAAA;;AAIF,EAAE,MACD;EACC,mBAAA","file":"prices.css"}

View File

@@ -3,28 +3,33 @@
<p class="comment" v-if="regions.length == 0">暂时还没有区域。</p>
<table class="ui table selectable">
<table class="ui table selectable small definition celled">
<thead>
<tr>
<th style="width:7em">区域\范围</th>
<th v-for="item in items">
<th v-for="item in items" class="center">
{{item.name}}
&nbsp; <a href="" title="修改" @click.prevent="updateItem(item.id)"><i class="icon pencil small"></i></a> &nbsp;
<a href="" title="删除" @click.prevent="deleteItem(item.id)"><i class="icon remove small"></i></a>
<br/>
<span>{{item.bitsFromString}}-{{item.bitsToString}}</span>
<br/>
&nbsp; <a href="" title="修改" @click.prevent="updateItem(item.id)"><i class="icon pencil small"></i></a> &nbsp;
<a href="" title="删除" @click.prevent="deleteItem(item.id)"><i class="icon remove small"></i></a>
</th>
<th class="width10">
<a href="" @click.prevent="createItem">[+添加价格项]</a>
<th class="width10 center">
<a href="" @click.prevent="createItem" style="visibility: visible">[+添加价格项]</a>
</th>
</tr>
</thead>
<tr v-for="region in regions">
<td>{{region.name}}</td>
<td v-for="item in items">
<td class="">{{region.name}}</td>
<td v-for="item in items" class="center">
<div>
<span v-if="region.prices[item.id.toString()] != null">¥{{region.prices[item.id.toString()]}}元/GB &nbsp;</span>
<span v-else>&nbsp;</span>
</div>
<div>
<a href="" title="修改单位价格" @click.prevent="updatePrice(region.id, item.id)">[设置]</a>
</div>
</td>
<td></td>
</tr>

View File

@@ -7,17 +7,25 @@ th {
a {
font-weight: normal;
visibility: hidden;
}
}
th:hover {
a {
visibility: visible;
}
}
td {
a {
display: none;
visibility: hidden;
font-size: 0.8em;
}
}
td:hover {
a {
display: inline;
visibility: visible;
}
}