20261008
|
After Width: | Height: | Size: 18 KiB |
@@ -0,0 +1,7 @@
|
||||
<html>
|
||||
<head><title>404 Not Found</title></head>
|
||||
<body>
|
||||
<center><h1>404 Not Found</h1></center>
|
||||
<hr><center>nginx</center>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,6 @@
|
||||
# 钢材理论重量计算器
|
||||
|
||||
#### 介绍
|
||||
对常用钢材进行理论重量计算、理论长度计算;涉及钢材种类或品种:钢板、螺纹钢、盘条、线材、圆钢、方钢、扁钢、花纹板、六角钢、八角钢、无缝钢管、直缝焊管、螺旋焊管、方形钢管、矩形管、等边角钢、不等边角钢、工字钢、槽钢、L型钢、H型钢、T型钢等
|
||||
|
||||

|
||||
@@ -0,0 +1,52 @@
|
||||
! function(e) {
|
||||
var t, n = window.navigator.appVersion.match(/android/gi),
|
||||
i = window.navigator.appVersion.match(/iphone/gi),
|
||||
r = document,
|
||||
a = r.documentElement,
|
||||
o = r.querySelector('meta[name="viewport"]'),
|
||||
d = e.freeze || o.hasAttribute("freeze"),
|
||||
m = e.baseSize || 750,
|
||||
s = e.baseFontSize || 100,
|
||||
u = function() {
|
||||
var e = document.createElement("div");
|
||||
e.style.width = "1rem", e.style.display = "none", (document.head || document.getElementsByTagName("head")[
|
||||
0]).appendChild(e);
|
||||
var t = parseFloat(window.getComputedStyle(e, null).getPropertyValue("width"));
|
||||
return e.parentNode.removeChild(e), t
|
||||
}(),
|
||||
c = window.devicePixelRatio || 1,
|
||||
c = d ? 1 : c >= 3 ? 3 : c >= 2 ? 2 : 1,
|
||||
l = 1 / c;
|
||||
d || !n && !i || (o.setAttribute("content", "width=device-width,initial-scale=" + l + ",maximum-scale=" + l +
|
||||
", minimum-scale=" + l + ",user-scalable=no"), a.setAttribute("data-dpr", c));
|
||||
var p = function() {
|
||||
var e = a.getBoundingClientRect().width;
|
||||
e = n || i ? e > 540 * c ? 540 * c : e : 375;
|
||||
var t = e / m * s;
|
||||
a.style.fontSize = t / u * 100 + "%", window.rem = t
|
||||
};
|
||||
window.addEventListener("resize", function() {
|
||||
clearTimeout(t), t = setTimeout(p, 300)
|
||||
}, !1), window.addEventListener("pageshow", function(e) {
|
||||
e.persisted && (clearTimeout(t), t = setTimeout(p, 300))
|
||||
}, !1), "complete" === r.readyState ? r.body.style.fontSize = 12 * c + "px" : r.addEventListener(
|
||||
"DOMContentLoaded",
|
||||
function(e) {
|
||||
r.body.style.fontSize = 12 * c + "px"
|
||||
}, !1), p(), window.dpr = c, window.rem2px = function(e) {
|
||||
var t = parseFloat(e) * this.rem;
|
||||
return "string" == typeof e && e.match(/rem$/) && (t += "px")
|
||||
}, window.px2rem = function(e) {
|
||||
var t = parseFloat(e) / this.rem;
|
||||
return "string" == typeof e && e.match(/px$/) && (t += "rem")
|
||||
}
|
||||
}(function() {
|
||||
var e = document.getElementsByTagName("script"),
|
||||
t = e[e.length - 1],
|
||||
n = /flexible\.js\?(\d+)\&(\d+)(?:\&([01]))?/.exec(t.src);
|
||||
return {
|
||||
baseSize: n && Number(n[1]),
|
||||
baseFontSize: n && Number(n[2]),
|
||||
freeze: !(!n || !Number(n[3]))
|
||||
}
|
||||
}());
|
||||
@@ -0,0 +1,157 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta psa="M26">
|
||||
<meta lang="zh">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="description" content="对常用钢材进行理论重量计算、理论长度计算;涉及钢材种类或品种:钢板、螺纹钢、盘条、线材、圆钢、方钢、扁钢、花纹板、六角钢、八角钢、无缝钢管、直缝焊管、螺旋焊管、方形钢管、矩形管、等边角钢、不等边角钢、工字钢、槽钢、L型钢、H型钢、T型钢等" />
|
||||
<meta name="keywords" content="钢材理重公式、钢材理论重量、钢材理重、钢材理计、在线理重计算器、在线钢材计算器、钢板理重计算、钢筋理重计算、线材理重计算、圆钢理重计算、方钢理重计算、扁钢理重计算、花纹板理重计算、钢管理重计算、管材理重计算、方管理重计算、矩形管理重计算" />
|
||||
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
|
||||
<title>羽昌钢材计算器</title>
|
||||
<!-- <link rel="canonical" href="http://yc.sevenit.cn/">-->
|
||||
<!--<script>-->
|
||||
<!-- try {-->
|
||||
<!-- if (!(/wagchat/.test(navigator.userAgent.toLowerCase()))) {-->
|
||||
<!-- if(!(navigator.userAgent.match(/(iPhone|iPad|Android|ios|iPod|Windows Phone)/i))){-->
|
||||
<!-- window.location.href="http://yc.sevenit.cn/"-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- } catch (error) {-->
|
||||
<!-- console.log(error)-->
|
||||
<!-- }-->
|
||||
<!-- </script>-->
|
||||
<link rel="stylesheet" href="./jisuan.css">
|
||||
<script src="./flexible.js?750&100&1"></script>
|
||||
</head>
|
||||
|
||||
<body psa="a535">
|
||||
|
||||
<div data-v-7ba5bd90="" id="app" class="page-m-calculator">
|
||||
<div data-v-7ba5bd90="" class="view-main">
|
||||
<div data-v-4f37e659="" class="component-tabs">
|
||||
<div data-v-4f37e659="" class="tab-item active">
|
||||
计算重量
|
||||
</div>
|
||||
<div data-v-4f37e659="" class="tab-item">
|
||||
计算长度
|
||||
</div>
|
||||
</div>
|
||||
<div data-v-a639d88e="" class="component-panel component-main">
|
||||
<div class="component-select view-select" data-v-a639d88e="">
|
||||
<div data-v-c4810c7c="" class="component-input icon"><input data-v-c4810c7c="" type="text" readonly="readonly"
|
||||
placeholder="请选择品类" class="input-base default"> <i data-v-c4810c7c="" class="icon-input"></i>
|
||||
</div>
|
||||
<div data-v-3a298670="" class="component-tags" style="display: none;">
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
钢板
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
螺纹钢
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
盘条(线材)
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
圆钢
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
方钢
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
扁钢
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
六角钢
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
八角钢
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
无缝钢管
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
直缝焊管
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
方形钢管
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
矩形管
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
螺旋管
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
等边角钢
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
不等边角钢
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
工字钢
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
槽钢
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
L型钢
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
H型钢
|
||||
</div>
|
||||
<div data-v-3a298670="" class="tag-item">
|
||||
T型钢
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-v-47c13bfe="" class="view-calculator-form" data-v-a639d88e="">
|
||||
<div data-v-47c13bfe="" class="calculator-field"><span data-v-47c13bfe="" class="required">*</span> <span
|
||||
data-v-47c13bfe="" class="label">
|
||||
厚度
|
||||
</span> <span data-v-47c13bfe="" class="unit">毫米</span>
|
||||
<div data-v-c4810c7c="" data-v-47c13bfe="" class="field component-input"><input data-v-c4810c7c=""
|
||||
type="number" disabled="disabled" class="input-base">
|
||||
</div>
|
||||
</div>
|
||||
<div data-v-47c13bfe="" class="calculator-field"><span data-v-47c13bfe="" class="required">*</span> <span
|
||||
data-v-47c13bfe="" class="label">
|
||||
宽度
|
||||
</span> <span data-v-47c13bfe="" class="unit">毫米</span>
|
||||
<div data-v-c4810c7c="" data-v-47c13bfe="" class="field component-input"><input data-v-c4810c7c=""
|
||||
type="number" disabled="disabled" class="input-base">
|
||||
</div>
|
||||
</div>
|
||||
<div data-v-47c13bfe="" class="calculator-field"><span data-v-47c13bfe="" class="required">*</span> <span
|
||||
data-v-47c13bfe="" class="label">
|
||||
长度
|
||||
</span> <span data-v-47c13bfe="" class="unit">米</span>
|
||||
<div data-v-c4810c7c="" data-v-47c13bfe="" class="field component-input"><input data-v-c4810c7c=""
|
||||
type="number" disabled="disabled" class="input-base">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-v-7337339a="" class="view-result" data-v-a639d88e="">
|
||||
<h2 data-v-7337339a="">计算结果:
|
||||
<span data-v-7337339a="">0.0000
|
||||
<span data-v-7337339a="" class="unit">吨</span></span></h2>
|
||||
</div>
|
||||
<div data-v-124bf6fa="" class="view-operation component-operation" data-v-a639d88e="">
|
||||
<div data-v-124bf6fa="" class="operation button">计算结果</div>
|
||||
<div data-v-124bf6fa="" class="operation clear light">清空</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tips">本工具计算结果是理论估算值, 与实际测量值存在偏差, 仅供参考</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script type="text/javascript" src="./index.js"></script>
|
||||
</body>
|
||||
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
|
||||
<script>LA.init({id:"KFijvqP6Uh3MIZOZ",ck:"KFijvqP6Uh3MIZOZ"})</script>
|
||||
</html>
|
||||
@@ -0,0 +1,988 @@
|
||||
html {
|
||||
color: #000;
|
||||
overflow-y: scroll;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
blockquote,
|
||||
body,
|
||||
button,
|
||||
dd,
|
||||
dl,
|
||||
dt,
|
||||
fieldset,
|
||||
form,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
hr,
|
||||
input,
|
||||
lengend,
|
||||
li,
|
||||
ol,
|
||||
p,
|
||||
pre,
|
||||
td,
|
||||
textarea,
|
||||
th,
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
body,
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font: 12px/1.5 'microsoft yahei', arial, sans-serif
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-size: 100%;
|
||||
font-weight: 400
|
||||
}
|
||||
|
||||
address,
|
||||
cite,
|
||||
dfn,
|
||||
em,
|
||||
var {
|
||||
font-style: normal
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp,
|
||||
tt {
|
||||
font-family: "Courier New", Courier, monospace
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
list-style: none
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
acronym[title] {
|
||||
border-bottom: 1px dotted;
|
||||
cursor: help
|
||||
}
|
||||
|
||||
q:after,
|
||||
q:before {
|
||||
content: ''
|
||||
}
|
||||
|
||||
:focus {
|
||||
outline: 0
|
||||
}
|
||||
|
||||
legend {
|
||||
color: #000
|
||||
}
|
||||
|
||||
fieldset,
|
||||
img {
|
||||
border: none
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-size: 100%
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0
|
||||
}
|
||||
|
||||
hr {
|
||||
border: none;
|
||||
height: 1px;
|
||||
*color: #fff
|
||||
}
|
||||
|
||||
img {
|
||||
-ms-interpolation-mode: bicubic
|
||||
}
|
||||
|
||||
.yug-left {
|
||||
float: left
|
||||
}
|
||||
|
||||
.yug-right {
|
||||
float: right
|
||||
}
|
||||
|
||||
.yug-clear {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.yug-clr {
|
||||
*zoom: 1
|
||||
}
|
||||
|
||||
.yug-clr:after {
|
||||
display: block;
|
||||
clear: both;
|
||||
height: 0;
|
||||
content: "\0020"
|
||||
}
|
||||
|
||||
.yug-hide {
|
||||
display: none
|
||||
}
|
||||
|
||||
.yug-show {
|
||||
display: block
|
||||
}
|
||||
|
||||
.yug-locate {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.yug-cny {
|
||||
font-family: Helvetica, Arial
|
||||
}
|
||||
|
||||
.yug-gray {
|
||||
color: #666
|
||||
}
|
||||
|
||||
.yug-bold {
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
.screen {
|
||||
width: 990px;
|
||||
margin: 0 auto;
|
||||
padding: 0 5px
|
||||
}
|
||||
|
||||
#content,
|
||||
#footer,
|
||||
#header,
|
||||
.layout {
|
||||
*zoom: 1
|
||||
}
|
||||
|
||||
#content:after,
|
||||
#footer:after,
|
||||
#header:after,
|
||||
.layout:after {
|
||||
display: block;
|
||||
clear: both;
|
||||
height: 0;
|
||||
content: "\0020"
|
||||
}
|
||||
|
||||
.layout .grid {
|
||||
float: left
|
||||
}
|
||||
|
||||
.layout .grid-fixed {
|
||||
margin-right: 0 !important
|
||||
}
|
||||
|
||||
.w952 {
|
||||
width: 952px;
|
||||
margin: 0 auto;
|
||||
padding: 0 4px
|
||||
}
|
||||
|
||||
.component-panel[data-v-a639d88e] {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border: 1px solid #e1e1e1;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.bubble[data-v-c4810c7c] {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: -30px;
|
||||
left: 50%;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 4px 16px;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 0 16px 0 rgba(197, 197, 197, .5);
|
||||
box-shadow: 0 0 16px 0 rgba(197, 197, 197, .5);
|
||||
cursor: text;
|
||||
white-space: nowrap;
|
||||
font-size: 12px;
|
||||
line-height: 1.4
|
||||
}
|
||||
|
||||
.bubble.bubble-warn[data-v-c4810c7c] {
|
||||
color: #ff7300
|
||||
}
|
||||
|
||||
.bubble[data-v-c4810c7c]::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -12px;
|
||||
left: 50%;
|
||||
margin-left: -6px;
|
||||
border: 6px solid transparent;
|
||||
border-top-color: #fff
|
||||
}
|
||||
|
||||
.bubble.bubble-down[data-v-c4810c7c] {
|
||||
top: auto;
|
||||
margin-top: 5px
|
||||
}
|
||||
|
||||
.bubble.bubble-down[data-v-c4810c7c]::after {
|
||||
bottom: 24px;
|
||||
border: 6px solid transparent;
|
||||
border-bottom-color: #fff
|
||||
}
|
||||
|
||||
p[data-v-c4810c7c] {
|
||||
margin: 0
|
||||
}
|
||||
|
||||
.focus[data-v-c4810c7c],
|
||||
.input-base[data-v-c4810c7c]:focus {
|
||||
border-style: solid;
|
||||
border-color: #a92924
|
||||
}
|
||||
|
||||
.error[data-v-c4810c7c],
|
||||
.input-base.error[data-v-c4810c7c] {
|
||||
border-style: solid;
|
||||
border-color: #ff7300
|
||||
}
|
||||
|
||||
.component-input[data-v-c4810c7c] {
|
||||
display: inline-block;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.component-input .icon-input[data-v-c4810c7c] {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
position: absolute
|
||||
}
|
||||
|
||||
.component-input .icon-input.search[data-v-c4810c7c] {
|
||||
left: 8px;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url(//img.wuage.com/150459187333058icon-sprite@2x.png) center center no-repeat;
|
||||
background-size: 72px 57px;
|
||||
background-position: -36px -31px
|
||||
}
|
||||
|
||||
.input-base[data-v-c4810c7c] {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-style: solid;
|
||||
border-color: #ccc;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
background-color: #fff;
|
||||
background-image: none;
|
||||
color: #1f2d3d;
|
||||
font-size: inherit;
|
||||
outline: 0
|
||||
}
|
||||
|
||||
.input-base[data-v-c4810c7c]:disabled {
|
||||
border-style: solid;
|
||||
border-color: #e1e1e1;
|
||||
background-color: #f5f5f5;
|
||||
color: #959595;
|
||||
cursor: not-allowed;
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.error-message[data-v-c4810c7c] {
|
||||
position: absolute;
|
||||
top: -45px;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
line-height: 12px;
|
||||
padding: 12px 16px;
|
||||
z-index: 5;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 0 16px 0 rgba(197, 197, 197, .5);
|
||||
box-shadow: 0 0 16px 0 rgba(197, 197, 197, .5);
|
||||
cursor: text;
|
||||
white-space: nowrap;
|
||||
color: #ff7300
|
||||
}
|
||||
|
||||
.error-message[data-v-c4810c7c]::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -12px;
|
||||
left: 50%;
|
||||
margin-left: -6px;
|
||||
border: 6px solid transparent;
|
||||
border-top-color: #fff
|
||||
}
|
||||
|
||||
.error-msg.attach[data-v-c4810c7c] {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
line-height: normal;
|
||||
text-align: left;
|
||||
color: #ff7300
|
||||
}
|
||||
|
||||
.view-calculator-form .calculator-field {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.view-calculator-form .calculator-field .label,
|
||||
.view-calculator-form .calculator-field .unit {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none
|
||||
}
|
||||
|
||||
.operation[data-v-124bf6fa] {
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.operation.active .icon-clear[data-v-124bf6fa] {
|
||||
background-image: url(data:image/png;base64,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)
|
||||
}
|
||||
|
||||
.button.disabled[data-v-124bf6fa] {
|
||||
background-color: #e5e5e5
|
||||
}
|
||||
|
||||
.icon-clear[data-v-124bf6fa] {
|
||||
display: inline-block;
|
||||
background: url(data:image/png;base64,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) no-repeat
|
||||
}
|
||||
|
||||
.component-tags[data-v-3a298670] {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
padding: .32rem .16rem .08rem;
|
||||
width: 6.22rem;
|
||||
background: #fff;
|
||||
overflow: auto;
|
||||
z-index: 5;
|
||||
font-size: 0;
|
||||
text-align: left;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-shadow: 0 0 .16rem 0 rgba(53, 53, 53, .28);
|
||||
box-shadow: 0 0 .16rem 0 rgba(53, 53, 53, .28)
|
||||
}
|
||||
|
||||
.component-tags[data-v-3a298670]:after {
|
||||
content: "";
|
||||
width: 30%;
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 30%
|
||||
}
|
||||
|
||||
.tag-item[data-v-3a298670] {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 30%;
|
||||
flex: 0 0 30%;
|
||||
width: 2.12rem;
|
||||
line-height: .64rem;
|
||||
margin-bottom: .24rem;
|
||||
text-align: left;
|
||||
color: #353535;
|
||||
background: #fff;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
font-size: .28rem;
|
||||
text-align: center;
|
||||
border: .02rem solid #e1e1e1
|
||||
}
|
||||
|
||||
.tag-item[data-v-3a298670]:after {
|
||||
content: '';
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: auto;
|
||||
flex: auto
|
||||
}
|
||||
|
||||
.component-tags[data-v-3a298670] {
|
||||
border-radius: 9px;
|
||||
-webkit-box-shadow: 2px 2px 10px 5px #000;
|
||||
box-shadow: 2px 2px 10px 5px #000
|
||||
}
|
||||
|
||||
.component-tags .tag-item[data-v-3a298670] {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.component-tags .tag-item.active[data-v-3a298670] {
|
||||
background: #f8e1e0;
|
||||
border-color: #efaaa8;
|
||||
color: #a92924;
|
||||
border-radius: .04rem
|
||||
}
|
||||
|
||||
.component-tags .tag-item.active[data-v-3a298670]:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: -.02rem;
|
||||
bottom: -.02rem;
|
||||
width: .38rem;
|
||||
height: .36rem;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAkCAYAAADl9UilAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OTc3NywgMjAyMy8wNi8yNS0yMzo1NzoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB0aWZmOk9yaWVudGF0aW9uPSIxIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0xMi0xN1QyMTozODowMiswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMTItMTdUMjE6NDE6MDQrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMTItMTdUMjE6NDE6MDQrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmFhM2FmMzA4LTZjN2UtNDA0MC1iNTkzLTMzMTZjZGIwNGUzNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDphYTNhZjMwOC02YzdlLTQwNDAtYjU5My0zMzE2Y2RiMDRlMzciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphYTNhZjMwOC02YzdlLTQwNDAtYjU5My0zMzE2Y2RiMDRlMzciPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphYTNhZjMwOC02YzdlLTQwNDAtYjU5My0zMzE2Y2RiMDRlMzciIHN0RXZ0OndoZW49IjIwMjMtMTItMTdUMjE6NDE6MDQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4wIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmI8wJAAAANxSURBVFiFzZddaBxVFMd/d2aSbNyk23y00j4ERUNqawrV9EGxtA9K6WOxabKx2UlJBcFCE/ChhAWVQqUPFbQtVipUDQShlUBBIYJRLBQRv/ADtJrQ+BAE12Rd3aTdnXuPD2tjk+5mZzeb3ZynmTn/c8+Pc2fu/hfWYHh9PSdVpSGWhncofEZhjq4ZMD0QdYj9+haIC7AmwPRA1LFiv4wY6Lz9zKokEICODgVVYuLKnVBQ4Ynp6FBQTU1+ICK7l+YqBibH+ptlJvmhiOzMlnfKDQQZKDObHEekPZem7BOTI5EWuZUaF5EHltPZ5QIC0G53qxL9qRi5P5+2bGByOLIdrT8TI5v86MsCJpHwTjH6IxFp9luz6ueY6QvvFq0/LgQKVnli+mDnPoQrWCpYaO2qgYkbPqBsLouippj6VdlK6e1yMWbECFXFrlFyMOntft4Ib68ECkoMJj1dx43IWT9aE6xn5tmBnPmSvWNeX89JRF7yoxWnisTxlwm1tzG7sYXarz+/S1OS30rvUPiM8vRRv/r44BCh+zZnAH6byqpZEdj/rtO4fmtm3ecIbW3NXH/1PU1jo6UFy+Y680Vi735Ce57IXE/HaDz/ak5tUS9/LtepG5sQJ/vHmNz1FHXdTwOQvpWm/vQJlJfO2aPgiWVzneJUEX+mn7pdjxP/9keazp5aVJNq20a127twL2++gT3z57J9CpqYHOtvVlOTnyy1wspLw8Z7sW2LhkfbSezdv5DzNmxCBl/AtjOt/hobJ/DNF3l7+T4u7nCdO7Llq3/6AW/Pk9iOjf3QFvTP10EMN6MnCNQFAIhfv0Hj+dO++vkCkyORFvnn5lVEtuTSWPPzzKUtqh/eimUpUjs6mH/kMeo2rAdgLp6k/pUXUemUL7C8W6nd7la81NV8Vhhg3dgoiekYAIFgLes2Z5yO1oaa105hJf/2BZUXTA5HtivDNeNJi98FgxdeR2uz6FnqnWGqbkz6hoJltrIY1wlgx2dJ3NNA4MGMrY9f+5LQ6EhBUJBjYsW6ztux/vIwc/EkiekYDRfPFbPE3X/f9MHOfTjW+1jUFrXif5Fq24b9x+95z6usUEpNLAITN3xgpQavFGHBpQUw6e1ygQsVh1KkcWo6rAxUaVxnSaBQg+riu99ZhbjO1Qql1IQFl3BqOtTwe+cA/gUkPG+gHiXC9QAAAABJRU5ErkJggg==) center center no-repeat;
|
||||
background-size: 100% 100%
|
||||
}
|
||||
|
||||
.component-select {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.component-select .label {
|
||||
font-size: .32rem
|
||||
}
|
||||
|
||||
.component-select input {
|
||||
cursor: pointer;
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
.component-select .component-input {
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.component-select .component-input.icon:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: .2rem;
|
||||
right: 0;
|
||||
width: .24rem;
|
||||
height: .24rem;
|
||||
background: url(//img.wuage.com/public/158078075504781193542_56_32.png) no-repeat center right;
|
||||
background-size: .24rem;
|
||||
-webkit-transition: ease .3s;
|
||||
transition: ease .3s
|
||||
}
|
||||
|
||||
.component-select .component-input.icon.fold:after {
|
||||
-webkit-transform: rotate(-180deg);
|
||||
transform: rotate(-180deg)
|
||||
}
|
||||
|
||||
.component-select .component-input .input-base {
|
||||
border-color: #f1f2f3
|
||||
}
|
||||
|
||||
h3[data-v-82a1b9e2] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
height: .88rem;
|
||||
line-height: .88rem;
|
||||
font-size: .36rem;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding: 0 .32rem
|
||||
}
|
||||
|
||||
h3 .icon-close[data-v-82a1b9e2] {
|
||||
position: absolute;
|
||||
width: .4rem;
|
||||
height: .4rem;
|
||||
right: 0;
|
||||
top: .24rem
|
||||
}
|
||||
|
||||
h3 .icon-close[data-v-82a1b9e2]:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 1px;
|
||||
height: .4rem;
|
||||
background: #666;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg)
|
||||
}
|
||||
|
||||
h3 .icon-close[data-v-82a1b9e2]:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 1px;
|
||||
height: .4rem;
|
||||
background: #666;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg)
|
||||
}
|
||||
|
||||
.material-result[data-v-82a1b9e2] {
|
||||
text-align: right;
|
||||
padding: 0 .32rem;
|
||||
margin-top: .17rem;
|
||||
font-size: .24rem;
|
||||
color: #959595
|
||||
}
|
||||
|
||||
.material-result span[data-v-82a1b9e2] {
|
||||
display: inline-block;
|
||||
color: #353535;
|
||||
margin-left: .2rem
|
||||
}
|
||||
|
||||
.material-result[data-v-82a1b9e2]:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
margin-left: .2rem;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border-top: 1px solid #bec0c4;
|
||||
border-right: 1px solid #bec0c4;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg)
|
||||
}
|
||||
|
||||
.drawer-container[data-v-82a1b9e2] {
|
||||
text-align: left;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, .16)
|
||||
}
|
||||
|
||||
.drawer-container .drawer-box[data-v-82a1b9e2] {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding-top: .88rem;
|
||||
width: 100%;
|
||||
max-height: 60vh;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
ul.material-list[data-v-82a1b9e2] {
|
||||
overflow-y: scroll;
|
||||
height: calc(60vh)
|
||||
}
|
||||
|
||||
ul.material-list li[data-v-82a1b9e2] {
|
||||
height: .84rem;
|
||||
line-height: .84rem;
|
||||
font-size: .28rem;
|
||||
border-bottom: 1px solid #f1f2f3;
|
||||
color: #525662;
|
||||
padding: 0 .32rem
|
||||
}
|
||||
|
||||
ul.material-list li.selected[data-v-82a1b9e2] {
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAoCAYAAACxbNkLAAAC2klEQVRoQ9WYP0xTURTGf6emGAbDhJuOupmw6ySGKCwsoqMOuuiqYjE+Yh/BxU2MK6yigw4CjrgyyibRgQkHSESDocfctmBbXvvOfe9JX+/a79x7frl/3vdV6MUxpbPAb8oStLYvPcUTaIE95oC71b4LTLdC9Q7Qay3yjXngRtMmtED1BtAL7ecHb1CuRZ6oBqj8A83qADu8By51vB51qHwDzeggP1lCGTLd9QLT+QUq6RlgBeW8CcaJhMl8AgV6jj1WgLNGGEW4Ryhz+QN6okNU+Ihy2gizj3CLUBZqm5SnUdKLKB+AAVNbwl71GQ/l3YE+P0CP9SqwCPQbYXYRxinLcqM+H0AlnUBxR6ZogoFtTjDKM/mcP+tT0jvAK5SCCUbYQhlhRtai9N3doZI+QHluAqmJNikwTFnW29V0D8g55goPPWC+1mE2OtUcP1CrY7YRfaGPKwSyGSc/XiDnmL+zgDIR19jh78IaRUYIZMtSc3xANce8iOKeZ9sQVikySiA7toJ2H9YprSXBiERonbhJZ3XMzR+UZYqME8iuz5pHd8jBVHhanSQiEfpMXtX6OubaAm/p4yaBOCfgNZqBGmEOpkkDlcQxF5jnAre5LvteJHXxP6AomDRQzjH/4ROKiwHW8ZKQ+4iotaBVVwPqBJMEyjnmfZaAQXNjwiyhTJr1bYRigvGB8nXMbm5hklDcX1Ophx+QW67TnfJ1zHAYzFKTNN0hy5FrXDEKyt8xNwWzbIGs96gdlL9jPhLMsgdKClXhF2A//0JkMPs/QEmg/DrZRhgjlFW/Mrs62sv53inLejHBzDKFRdPenGYLFRvMLM1aNJ3ddhZQwgbCZcrSMZhZmrVo4uNDGihhnSLDlmBmadaiiQdK+lB4BjNLsxaNDcgXygWzU4zxSLYtTWSpsQNZoYREwSwrKD+geKjEwax7QO2gUgaz7gIdhUodzLoPdAClnMwimGUF9BdnPhclFOCD6AAAAABJRU5ErkJggg==) no-repeat 94% center;
|
||||
background-size: .26rem
|
||||
}
|
||||
|
||||
.slide-enter-active[data-v-82a1b9e2],
|
||||
.slide-leave-active[data-v-82a1b9e2] {
|
||||
-webkit-transition: all .3s ease;
|
||||
transition: all .3s ease
|
||||
}
|
||||
|
||||
.slide-enter[data-v-82a1b9e2],
|
||||
.slide-leave-to[data-v-82a1b9e2] {
|
||||
height: 0
|
||||
}
|
||||
|
||||
.slide-enter-to[data-v-82a1b9e2],
|
||||
.slide-leave[data-v-82a1b9e2] {
|
||||
height: 60vh
|
||||
}
|
||||
|
||||
.fade-enter-active[data-v-82a1b9e2],
|
||||
.fade-leave-active[data-v-82a1b9e2] {
|
||||
-webkit-transition: all .3s ease;
|
||||
transition: all .3s ease
|
||||
}
|
||||
|
||||
.fade-enter[data-v-82a1b9e2],
|
||||
.fade-leave-to[data-v-82a1b9e2] {
|
||||
background: 0 0
|
||||
}
|
||||
|
||||
.fade-enter-to[data-v-82a1b9e2],
|
||||
.fade-leave[data-v-82a1b9e2] {
|
||||
background: rgba(0, 0, 0, .16)
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-tap-highlight-color: transparent
|
||||
}
|
||||
|
||||
* .view-main {
|
||||
margin: 0 auto;
|
||||
padding: .32rem 0 .24rem;
|
||||
width: 6.86rem
|
||||
}
|
||||
|
||||
.view-select {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #f1f2f3
|
||||
}
|
||||
|
||||
.view-select .label {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
height: .96rem;
|
||||
line-height: 1.3rem
|
||||
}
|
||||
|
||||
.view-select .component-input,
|
||||
.view-select .input-base {
|
||||
width: 100%;
|
||||
height: .96rem;
|
||||
line-height: 1.3rem;
|
||||
background: 0 0;
|
||||
font-size: .32rem !important;
|
||||
text-align: right;
|
||||
padding-right: .3rem
|
||||
}
|
||||
|
||||
.view-select .component-input .input-base,
|
||||
.view-select .input-base .input-base {
|
||||
border: none
|
||||
}
|
||||
|
||||
.view-select .component-input .input-base:focus,
|
||||
.view-select .input-base .input-base:focus {
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none
|
||||
}
|
||||
|
||||
.view-select .component-input .input-base.default,
|
||||
.view-select .input-base .input-base.default {
|
||||
color: #93969d;
|
||||
text-align: right
|
||||
}
|
||||
|
||||
.view-select .component-input::-webkit-input-placeholder,
|
||||
.view-select .input-base::-webkit-input-placeholder {
|
||||
color: #353535 !important
|
||||
}
|
||||
|
||||
.view-select .component-input::-moz-placeholder,
|
||||
.view-select .input-base::-moz-placeholder {
|
||||
color: #a92924 !important
|
||||
}
|
||||
|
||||
.view-select .component-input::-moz-placeholder,
|
||||
.view-select .input-base::-moz-placeholder {
|
||||
color: #a92924 !important
|
||||
}
|
||||
|
||||
.view-select .component-input::-ms-input-placeholder,
|
||||
.view-select .input-base::-ms-input-placeholder {
|
||||
color: #a92924 !important
|
||||
}
|
||||
|
||||
.view-select .component-input:-ms-input-placeholder,
|
||||
.view-select .input-base:-ms-input-placeholder {
|
||||
color: #a92924 !important
|
||||
}
|
||||
|
||||
.view-select .component-input::placeholder,
|
||||
.view-select .input-base::placeholder {
|
||||
color: #a92924 !important
|
||||
}
|
||||
|
||||
.view-main .tips {
|
||||
margin-top: .24rem;
|
||||
font-size: .24rem;
|
||||
color: #aaa
|
||||
}
|
||||
|
||||
.page-m-calculator .component-tabs {
|
||||
width: 4.8rem;
|
||||
margin: 0 auto;
|
||||
font-size: 0
|
||||
}
|
||||
|
||||
.page-m-calculator .component-tabs .tab-item {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
line-height: .64rem;
|
||||
border: .02rem solid #a92924;
|
||||
color: #a92924;
|
||||
box-sizing: border-box;
|
||||
font-size: .32rem;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.page-m-calculator .component-tabs .tab-item:last-child {
|
||||
border-top-right-radius: .08rem;
|
||||
border-bottom-right-radius: .08rem
|
||||
}
|
||||
|
||||
.page-m-calculator .component-tabs .tab-item:not(:last-child) {
|
||||
border-right: none;
|
||||
border-top-left-radius: .08rem;
|
||||
border-bottom-left-radius: .08rem
|
||||
}
|
||||
|
||||
.page-m-calculator .component-tabs .tab-item.active {
|
||||
background-color: #a92924;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.page-m-calculator .component-panel {
|
||||
border: none;
|
||||
margin-top: .32rem
|
||||
}
|
||||
|
||||
.focus,
|
||||
.input-base:focus {
|
||||
border-width: .01rem
|
||||
}
|
||||
|
||||
.error,
|
||||
.input-base.error {
|
||||
border-width: .01rem
|
||||
}
|
||||
|
||||
.component-input .icon-input.search {
|
||||
left: 8px;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url(//img.wuage.com/150459187333058icon-sprite@2x.png) center center no-repeat;
|
||||
background-size: 72px 57px;
|
||||
background-position: -36px -31px
|
||||
}
|
||||
|
||||
.input-base {
|
||||
line-height: 1;
|
||||
padding-left: .24rem;
|
||||
border-width: .01rem
|
||||
}
|
||||
|
||||
.input-base:disabled {
|
||||
border-width: .01rem
|
||||
}
|
||||
|
||||
.error-msg.attach {
|
||||
font-size: .24rem
|
||||
}
|
||||
|
||||
.page-m-calculator .view-calculator-form {
|
||||
font-size: .28rem;
|
||||
color: #353535
|
||||
}
|
||||
|
||||
.page-m-calculator .view-calculator-form.disabled {
|
||||
background: #fcfcfc
|
||||
}
|
||||
|
||||
.page-m-calculator .view-calculator-form .calculator-field {
|
||||
position: relative;
|
||||
height: 1.09rem;
|
||||
line-height: 1.09rem;
|
||||
border-bottom: 1px solid #f1f2f3
|
||||
}
|
||||
|
||||
.page-m-calculator .view-calculator-form .calculator-field .required {
|
||||
left: 0;
|
||||
color: #ff7300
|
||||
}
|
||||
|
||||
.page-m-calculator .view-calculator-form .calculator-field .label {
|
||||
color: #525662;
|
||||
margin-left: .3rem
|
||||
}
|
||||
|
||||
.page-m-calculator .view-calculator-form .calculator-field .label,
|
||||
.page-m-calculator .view-calculator-form .calculator-field .required {
|
||||
float: left
|
||||
}
|
||||
|
||||
.page-m-calculator .view-calculator-form .calculator-field .unit {
|
||||
position: absolute;
|
||||
right: .32rem;
|
||||
bottom: .1rem;
|
||||
z-index: 1;
|
||||
width: .8rem;
|
||||
margin-left: .24rem;
|
||||
text-align: right;
|
||||
font-size: .18rem;
|
||||
line-height: .18rem;
|
||||
color: #959595
|
||||
}
|
||||
|
||||
.page-m-calculator .view-calculator-form .calculator-field .field {
|
||||
float: right;
|
||||
margin-right: .32rem
|
||||
}
|
||||
|
||||
.page-m-calculator .view-calculator-form .calculator-field .input-base {
|
||||
width: 3rem;
|
||||
text-align: right;
|
||||
border: none;
|
||||
background: 0 0;
|
||||
font-size: .42rem
|
||||
}
|
||||
|
||||
.page-m-calculator .view-main .view-result {
|
||||
margin-top: .24rem
|
||||
}
|
||||
|
||||
.page-m-calculator .view-main .view-result .tips {
|
||||
margin: .16rem auto .48rem;
|
||||
font-size: .2rem;
|
||||
color: #ff7300
|
||||
}
|
||||
|
||||
.page-m-calculator .view-main p {
|
||||
display: block;
|
||||
color: #93969d;
|
||||
font-size: .28rem
|
||||
}
|
||||
|
||||
.page-m-calculator .view-main h2 {
|
||||
font-size: .42rem;
|
||||
color: #a92924
|
||||
}
|
||||
|
||||
.page-m-calculator .view-operation {
|
||||
margin-top: .48rem;
|
||||
padding-bottom: .48rem;
|
||||
font-size: 0;
|
||||
line-height: .32rem
|
||||
}
|
||||
|
||||
.page-m-calculator .button,
|
||||
.page-m-calculator .light {
|
||||
display: inline-block;
|
||||
font-size: .24rem
|
||||
}
|
||||
|
||||
.page-m-calculator .button {
|
||||
width: 5.42rem;
|
||||
line-height: .8rem;
|
||||
margin: 0 auto;
|
||||
background: #a92924;
|
||||
cursor: pointer;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.page-m-calculator .button:active {
|
||||
background: #a92924
|
||||
}
|
||||
|
||||
.page-m-calculator .light {
|
||||
margin-left: .2rem;
|
||||
color: #c5c5c5;
|
||||
cursor: not-allowed
|
||||
}
|
||||
|
||||
.page-m-calculator .light.active {
|
||||
cursor: pointer;
|
||||
color: #a92924
|
||||
}
|
||||
|
||||
.page-m-calculator .icon-clear {
|
||||
width: .24rem;
|
||||
line-height: .32rem;
|
||||
height: .32rem;
|
||||
background-size: .24rem;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100vh;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.page-m-calculator[data-v-7ba5bd90] {
|
||||
text-align: center;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.page-m-calculator .tabs-model[data-v-7ba5bd90] {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background: rgba(0, 0, 0, .78);
|
||||
position: absolute;
|
||||
z-index: 2
|
||||
}
|
||||
|
||||
.page-m-calculator .tabs-model h2[data-v-7ba5bd90] {
|
||||
white-space: nowrap;
|
||||
color: #fff;
|
||||
font-size: 17px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
font-weight: 500;
|
||||
top: 13%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%)
|
||||
}
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 181 KiB |
|
After Width: | Height: | Size: 113 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 988 KiB |
|
After Width: | Height: | Size: 642 KiB |
|
After Width: | Height: | Size: 415 KiB |
|
After Width: | Height: | Size: 182 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 185 KiB |
|
After Width: | Height: | Size: 202 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 1.0 MiB |
|
After Width: | Height: | Size: 530 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 1.7 MiB |
|
After Width: | Height: | Size: 2.1 MiB |
|
After Width: | Height: | Size: 2.1 MiB |
|
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 864 KiB |
|
After Width: | Height: | Size: 889 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 66 KiB |