no message
This commit is contained in:
281
pages/sali-check-query/index.js
Normal file
281
pages/sali-check-query/index.js
Normal file
@@ -0,0 +1,281 @@
|
||||
var e = require("../../common/vendor.js"),
|
||||
n = require("../../hooks/onMounted.js"),
|
||||
u = require("../../hooks/onShareAppMessage.js"),
|
||||
t = require("../../hooks/useState.js"),
|
||||
a = require("../../enums/index.js"),
|
||||
r = require("../../constant/index.js"),
|
||||
o = require("../../data/index.js"),
|
||||
i = require("../../utils/navigate.js"),
|
||||
l = require("../../utils/util.js"),
|
||||
v = require("../../utils/common.js");
|
||||
require("../../service/index.js"),
|
||||
require("../../utils/request.js"),
|
||||
require("../../config/index.js"),
|
||||
require("../../store/app/index.js"),
|
||||
Array || e.resolveComponent("uni-data-select")();
|
||||
Math ||
|
||||
(
|
||||
e.unref(p) +
|
||||
function () {
|
||||
return "../../uni_modules/uni-data-select/components/uni-data-select/uni-data-select.js";
|
||||
} +
|
||||
e.unref(c) +
|
||||
e.unref(y) +
|
||||
e.unref(d) +
|
||||
e.unref(m) +
|
||||
e.unref(h) +
|
||||
e.unref(f) +
|
||||
e.unref(s)
|
||||
)();
|
||||
var s = function () {
|
||||
return "../../components/popup-copy-vin/index.js";
|
||||
},
|
||||
c = function () {
|
||||
return "../../components/agreement/index.js";
|
||||
},
|
||||
f = function () {
|
||||
return "../../components/keyboard/index.js";
|
||||
},
|
||||
d = function () {
|
||||
return "../../components/divider/index.js";
|
||||
},
|
||||
p = function () {
|
||||
return "../../components/tips/index.js";
|
||||
},
|
||||
y = function () {
|
||||
return "../../components/prompt/index.js";
|
||||
},
|
||||
m = function () {
|
||||
return "../../components/float-back-to-top/index.js";
|
||||
},
|
||||
h = function () {
|
||||
return "../../components/float-share/index.js";
|
||||
},
|
||||
E = {
|
||||
__name: "index",
|
||||
setup: function (s) {
|
||||
var c = t.useState().showAgreementPopup,
|
||||
f = e.ref(!0),
|
||||
d = e.ref(""),
|
||||
p = e.ref("02"),
|
||||
y = e.ref(a.QueryTypeEnum.VIN),
|
||||
m = e.ref(!1),
|
||||
h = e.ref(""),
|
||||
E = e.ref(!1),
|
||||
T = e.ref(["", "", "", "", "", "", "", ""]),
|
||||
g = e.ref(0),
|
||||
x = e.ref(!1),
|
||||
j = e.ref(a.KeyboardEnum.AREA),
|
||||
I = e.ref(!1),
|
||||
b = e.ref(""),
|
||||
N = e.ref(!1),
|
||||
V = function () {
|
||||
var e = c.value || I.value;
|
||||
return "height: 100%; overflow: "
|
||||
.concat(e ? "hidden" : "visible", "; position: ")
|
||||
.concat(e ? "fixed" : "relative");
|
||||
},
|
||||
q = function () {
|
||||
i.navigateTo({ url: "/pages/vin-info/index" });
|
||||
},
|
||||
_ = function (e) {
|
||||
(y.value = e.detail.value),
|
||||
e.detail.value === a.QueryTypeEnum.VIN
|
||||
? ((E.value = !0), (x.value = !1))
|
||||
: ((E.value = !1), (x.value = !0));
|
||||
},
|
||||
k = function () {
|
||||
h.value = "";
|
||||
},
|
||||
A = function () {
|
||||
v.ocrIdentifyVin().then(function (e) {
|
||||
h.value = e;
|
||||
});
|
||||
},
|
||||
C = function () {
|
||||
E.value = !0;
|
||||
},
|
||||
Q = function () {
|
||||
E.value = !1;
|
||||
},
|
||||
w = function (e) {
|
||||
h.value = e.value;
|
||||
},
|
||||
L = function () {
|
||||
x.value = !1;
|
||||
},
|
||||
H = function (e) {
|
||||
e.keyboardType
|
||||
? (j.value = e.keyboardType)
|
||||
: ((T.value = e.value), (g.value = e.index));
|
||||
},
|
||||
S = function () {
|
||||
j.value =
|
||||
j.value === a.KeyboardEnum.AREA
|
||||
? a.KeyboardEnum.ABC
|
||||
: a.KeyboardEnum.AREA;
|
||||
},
|
||||
K = function () {
|
||||
m.value = !m.value;
|
||||
},
|
||||
M = function () {
|
||||
I.value = !1;
|
||||
},
|
||||
O = function () {
|
||||
(h.value = b.value), (I.value = !1), P();
|
||||
},
|
||||
P = function () {
|
||||
(E.value = !1), (x.value = !1);
|
||||
var e = T.value.join("");
|
||||
if (m.value) {
|
||||
if (y.value === a.QueryTypeEnum.VIN) {
|
||||
if (0 === h.value.length)
|
||||
return void l.showToast("请输入VIN车架号");
|
||||
if (h.value.length < 17)
|
||||
return void l.showToast("请输入完整的VIN车架号");
|
||||
}
|
||||
y.value !== a.QueryTypeEnum.VEHICLE_NO || r.vehicleNoExp.test(e)
|
||||
? p.value
|
||||
? i.navigateTo({
|
||||
url: "/pages/order-confirm/index",
|
||||
params: {
|
||||
productType: a.ProductTypeEnum.SALI_CHECK,
|
||||
queryType: y.value,
|
||||
vehicleType: p.value,
|
||||
vin: h.value,
|
||||
vehicleNo: e,
|
||||
},
|
||||
})
|
||||
: l.showToast("请选择车辆类型")
|
||||
: l.showToast("请输入正确的车牌");
|
||||
} else l.showToast("请先阅读并同意协议");
|
||||
};
|
||||
return (
|
||||
n.onMounted(function (n) {
|
||||
e.index.setNavigationBarTitle({ title: n.title }),
|
||||
v.hasClickAgreement() &&
|
||||
e.index.getClipboardData().then(function (n) {
|
||||
var u = n.data;
|
||||
e.index.hideToast(),
|
||||
17 === u.trim().length &&
|
||||
setTimeout(function () {
|
||||
(b.value = u.trim()), (I.value = !0);
|
||||
}, 300);
|
||||
}),
|
||||
(d.value = n.title),
|
||||
(f.value = !1),
|
||||
l.hideLoading();
|
||||
}),
|
||||
e.onPageScroll(function (n) {
|
||||
var u = n.scrollTop;
|
||||
N.value = u >= e.index.getSystemInfoSync().windowHeight / 3;
|
||||
}),
|
||||
u.onShareAppMessage(),
|
||||
function (n, u) {
|
||||
return e.e(
|
||||
{ a: V(), b: !f.value },
|
||||
f.value
|
||||
? {}
|
||||
: e.e(
|
||||
{
|
||||
c: e.t(d.value),
|
||||
d: e.o(q),
|
||||
e: e.unref(a.QueryTypeEnum).VIN,
|
||||
f: y.value === e.unref(a.QueryTypeEnum).VIN,
|
||||
g: e.unref(a.QueryTypeEnum).VEHICLE_NO,
|
||||
h: y.value === e.unref(a.QueryTypeEnum).VEHICLE_NO,
|
||||
i: e.o(_),
|
||||
j: y.value === e.unref(a.QueryTypeEnum).VIN,
|
||||
},
|
||||
y.value === e.unref(a.QueryTypeEnum).VIN
|
||||
? e.e(
|
||||
{ k: 0 === h.value.length },
|
||||
(h.value.length, {}),
|
||||
{ l: e.t(h.value), m: e.o(C), n: h.value.length > 0 },
|
||||
h.value.length > 0 ? { o: e.o(k) } : {},
|
||||
{
|
||||
p: e.t(h.value.length),
|
||||
q: e.o(A),
|
||||
r: h.value.length > 0 ? 1 : "",
|
||||
}
|
||||
)
|
||||
: {},
|
||||
{ s: y.value === e.unref(a.QueryTypeEnum).VEHICLE_NO },
|
||||
y.value === e.unref(a.QueryTypeEnum).VEHICLE_NO
|
||||
? {
|
||||
t: e.f(T.value, function (n, u, t) {
|
||||
return e.e(
|
||||
{
|
||||
a: e.t(n),
|
||||
b: u === g.value ? 1 : "",
|
||||
c: 7 === u,
|
||||
},
|
||||
{},
|
||||
{
|
||||
d: u,
|
||||
e: 7 === u ? 1 : "",
|
||||
f: e.o(function (e) {
|
||||
return (function (e) {
|
||||
(g.value = e), (x.value = !0);
|
||||
})(u);
|
||||
}, u),
|
||||
}
|
||||
);
|
||||
}),
|
||||
}
|
||||
: {},
|
||||
{
|
||||
v: e.o(function (e) {
|
||||
return (p.value = e);
|
||||
}),
|
||||
w: e.p({
|
||||
localdata: e.unref(r.vehicleTypeList),
|
||||
modelValue: p.value,
|
||||
}),
|
||||
x: e.o(P),
|
||||
y: e.o(K),
|
||||
z: e.p({ checked: m.value }),
|
||||
A: e.f(e.unref(o.mockSaliCheckList), function (n, u, t) {
|
||||
return {
|
||||
a: e.t(n.label),
|
||||
b: e.t(n.value),
|
||||
c: u,
|
||||
d:
|
||||
(y.value === e.unref(a.QueryTypeEnum).VEHICLE_NO &&
|
||||
1 === u) ||
|
||||
(y.value === e.unref(a.QueryTypeEnum).VIN && 0 === u)
|
||||
? "none"
|
||||
: "",
|
||||
};
|
||||
}),
|
||||
B: e.t(e.unref(r.disclaimer)),
|
||||
C: e.p({ visible: N.value }),
|
||||
D: e.o(L),
|
||||
E: e.o(H),
|
||||
F: e.o(S),
|
||||
G: e.p({
|
||||
visible: x.value,
|
||||
"can-switch": !0,
|
||||
"keyboard-type": j.value,
|
||||
"vehicle-no-list": T.value,
|
||||
"vehicle-no-index": g.value,
|
||||
}),
|
||||
H: e.o(Q),
|
||||
I: e.o(w),
|
||||
J: e.p({
|
||||
visible: E.value,
|
||||
"can-switch": !1,
|
||||
vin: h.value,
|
||||
}),
|
||||
K: e.o(O),
|
||||
L: e.o(M),
|
||||
M: e.p({ visible: I.value, "copy-vin": b.value }),
|
||||
}
|
||||
)
|
||||
);
|
||||
}
|
||||
);
|
||||
},
|
||||
},
|
||||
T = e._export_sfc(E, [["__scopeId", "data-v-b545ddc3"]]);
|
||||
(E.__runtimeHooks = 3), wx.createPage(T);
|
||||
15
pages/sali-check-query/index.json
Normal file
15
pages/sali-check-query/index.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarBackgroundColor": "#ffffff",
|
||||
"usingComponents": {
|
||||
"uni-data-select": "../../uni_modules/uni-data-select/components/uni-data-select/uni-data-select",
|
||||
"popup-copy-vin": "../../components/popup-copy-vin/index",
|
||||
"agreement": "../../components/agreement/index",
|
||||
"keyboard": "../../components/keyboard/index",
|
||||
"divider": "../../components/divider/index",
|
||||
"tips": "../../components/tips/index",
|
||||
"prompt": "../../components/prompt/index",
|
||||
"float-back-to-top": "../../components/float-back-to-top/index",
|
||||
"float-share": "../../components/float-share/index"
|
||||
}
|
||||
}
|
||||
169
pages/sali-check-query/index.wxml
Normal file
169
pages/sali-check-query/index.wxml
Normal file
@@ -0,0 +1,169 @@
|
||||
<page-meta class="data-v-b545ddc3" pageStyle="{{a}}"></page-meta>
|
||||
<view class="content data-v-b545ddc3" wx:if="{{b}}">
|
||||
<tips bind:__l="__l" class="data-v-b545ddc3" uI="b545ddc3-0"></tips>
|
||||
<view class="banner data-v-b545ddc3">
|
||||
<image
|
||||
class="title data-v-b545ddc3"
|
||||
mode="heightFix"
|
||||
src="/static/images/pic_title_5.png"
|
||||
></image>
|
||||
<image
|
||||
class="image data-v-b545ddc3"
|
||||
src="/static/images/pic_sali_check.png"
|
||||
></image>
|
||||
</view>
|
||||
<view class="module-title data-v-b545ddc3">
|
||||
<view class="data-v-b545ddc3">{{c}}</view>
|
||||
<view bindtap="{{d}}" class="tips data-v-b545ddc3">什么是VIN?</view>
|
||||
</view>
|
||||
<view class="query-content data-v-b545ddc3">
|
||||
<radio-group bindchange="{{i}}" class="radio-group data-v-b545ddc3">
|
||||
<label class="data-v-b545ddc3">
|
||||
<radio
|
||||
checked="{{f}}"
|
||||
class="data-v-b545ddc3"
|
||||
color="#1F68E9"
|
||||
style="transform: scale(0.9)"
|
||||
value="{{e}}"
|
||||
></radio>
|
||||
<text class="data-v-b545ddc3">按VIN车架号查询</text>
|
||||
</label>
|
||||
<label class="data-v-b545ddc3">
|
||||
<radio
|
||||
checked="{{h}}"
|
||||
class="data-v-b545ddc3"
|
||||
color="#1F68E9"
|
||||
style="transform: scale(0.9)"
|
||||
value="{{g}}"
|
||||
></radio>
|
||||
<text class="data-v-b545ddc3">按车牌号查询</text>
|
||||
</label>
|
||||
</radio-group>
|
||||
<view
|
||||
class="{{['input-content','data-v-b545ddc3',r&&'selected']}}"
|
||||
wx:if="{{j}}"
|
||||
>
|
||||
<view bindtap="{{m}}" class="input data-v-b545ddc3">
|
||||
<text class="placeholder data-v-b545ddc3" wx:if="{{k}}"
|
||||
>请输入17位VIN车架号</text
|
||||
>
|
||||
<text userSelect class="default data-v-b545ddc3">{{l}}</text>
|
||||
<text class="cursor data-v-b545ddc3"></text>
|
||||
</view>
|
||||
<image
|
||||
bindtap="{{o}}"
|
||||
class="clear data-v-b545ddc3"
|
||||
src="/static/svgs/icon_clear.svg"
|
||||
wx:if="{{n}}"
|
||||
></image>
|
||||
<view class="input-length data-v-b545ddc3">{{p}}/17 </view>
|
||||
<image
|
||||
bindtap="{{q}}"
|
||||
class="photo data-v-b545ddc3"
|
||||
src="/static/svgs/icon_scan.svg"
|
||||
></image>
|
||||
</view>
|
||||
<view class="vehicle-content data-v-b545ddc3" wx:if="{{s}}">
|
||||
<view
|
||||
bindtap="{{value.f}}"
|
||||
class="{{['number-item','data-v-b545ddc3',value.e&&'new']}}"
|
||||
wx:for="{{t}}"
|
||||
wx:for-item="value"
|
||||
wx:key="d"
|
||||
>
|
||||
<text class="{{['number','data-v-b545ddc3',value.b&&'selected']}}"
|
||||
>{{value.a}}</text
|
||||
>
|
||||
<text class="energy data-v-b545ddc3" wx:if="{{value.c}}">新能源</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="title-content data-v-b545ddc3">
|
||||
<text class="data-v-b545ddc3" style="color: #f5222d; margin-right: 5rpx"
|
||||
>*</text
|
||||
>
|
||||
<text class="data-v-b545ddc3">请选择您的车辆类型</text>
|
||||
</view>
|
||||
<view class="vehicle-type-select data-v-b545ddc3">
|
||||
<uni-data-select
|
||||
bind:__l="__l"
|
||||
bindupdateModelValue="{{v}}"
|
||||
class="data-v-b545ddc3"
|
||||
uI="b545ddc3-1"
|
||||
uP="{{w}}"
|
||||
wx:if="{{w}}"
|
||||
></uni-data-select>
|
||||
</view>
|
||||
<view
|
||||
bindtap="{{x}}"
|
||||
class="button data-v-b545ddc3"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
>
|
||||
查 询
|
||||
</view>
|
||||
<agreement
|
||||
bind:__l="__l"
|
||||
bindchange="{{y}}"
|
||||
class="data-v-b545ddc3"
|
||||
uI="b545ddc3-2"
|
||||
uP="{{z}}"
|
||||
wx:if="{{z}}"
|
||||
></agreement>
|
||||
</view>
|
||||
<view class="module-title data-v-b545ddc3">样例报告</view>
|
||||
<view class="example-content data-v-b545ddc3">
|
||||
<prompt bind:__l="__l" class="data-v-b545ddc3" uI="b545ddc3-3"></prompt>
|
||||
<view
|
||||
class="cell data-v-b545ddc3"
|
||||
style="{{'display:'+item.d}}"
|
||||
wx:for="{{A}}"
|
||||
wx:key="c"
|
||||
>
|
||||
<view class="cell-title data-v-b545ddc3">{{item.a}}</view>
|
||||
<view class="cell-value data-v-b545ddc3">{{item.b}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="module-title data-v-b545ddc3">免责声明</view>
|
||||
<view class="disclaimer data-v-b545ddc3">{{B}}</view>
|
||||
<divider bind:__l="__l" class="data-v-b545ddc3" uI="b545ddc3-4"></divider>
|
||||
<float-back-to-top
|
||||
bind:__l="__l"
|
||||
class="data-v-b545ddc3"
|
||||
uI="b545ddc3-5"
|
||||
uP="{{C}}"
|
||||
wx:if="{{C}}"
|
||||
></float-back-to-top>
|
||||
<float-share
|
||||
bind:__l="__l"
|
||||
class="data-v-b545ddc3"
|
||||
uI="b545ddc3-6"
|
||||
></float-share>
|
||||
<keyboard
|
||||
bind:__l="__l"
|
||||
bindchange="{{E}}"
|
||||
bindclose="{{D}}"
|
||||
bindtypeChange="{{F}}"
|
||||
class="data-v-b545ddc3"
|
||||
uI="b545ddc3-7"
|
||||
uP="{{G}}"
|
||||
wx:if="{{G}}"
|
||||
></keyboard>
|
||||
<keyboard
|
||||
bind:__l="__l"
|
||||
bindchange="{{I}}"
|
||||
bindclose="{{H}}"
|
||||
class="data-v-b545ddc3"
|
||||
uI="b545ddc3-8"
|
||||
uP="{{J}}"
|
||||
wx:if="{{J}}"
|
||||
></keyboard>
|
||||
<popup-copy-vin
|
||||
bind:__l="__l"
|
||||
bindcancel="{{L}}"
|
||||
bindconfirm="{{K}}"
|
||||
class="data-v-b545ddc3"
|
||||
uI="b545ddc3-9"
|
||||
uP="{{M}}"
|
||||
wx:if="{{M}}"
|
||||
></popup-copy-vin>
|
||||
</view>
|
||||
254
pages/sali-check-query/index.wxss
Normal file
254
pages/sali-check-query/index.wxss
Normal file
@@ -0,0 +1,254 @@
|
||||
.content.data-v-b545ddc3 {
|
||||
padding: 30rpx;
|
||||
}
|
||||
.content .banner.data-v-b545ddc3 {
|
||||
background-color: #1f68e9;
|
||||
border-radius: 15rpx;
|
||||
color: #fff;
|
||||
height: 240rpx;
|
||||
padding: 30rpx;
|
||||
position: relative;
|
||||
}
|
||||
.content .banner .title.data-v-b545ddc3 {
|
||||
height: 95rpx;
|
||||
position: absolute;
|
||||
top: 40rpx;
|
||||
z-index: 10;
|
||||
}
|
||||
.content .banner .image.data-v-b545ddc3 {
|
||||
bottom: -15rpx;
|
||||
height: 170rpx;
|
||||
position: absolute;
|
||||
right: -10rpx;
|
||||
width: 350rpx;
|
||||
z-index: 9;
|
||||
}
|
||||
.content .module-title.data-v-b545ddc3 {
|
||||
align-items: center;
|
||||
border-left: 6rpx solid #1f68e9;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
justify-content: space-between;
|
||||
line-height: 36rpx;
|
||||
margin: 30rpx 0;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
.content .module-title .tips.data-v-b545ddc3 {
|
||||
color: #1f68e9;
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
.content .query-content.data-v-b545ddc3 {
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
padding: 40rpx;
|
||||
}
|
||||
.content .query-content .radio-group.data-v-b545ddc3 {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: 32rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.content .query-content .radio-group label.data-v-b545ddc3 {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.content .query-content .radio-group .tips.data-v-b545ddc3 {
|
||||
color: #1f68e9;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.content .query-content .vehicle-content.data-v-b545ddc3 {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
.content .query-content .vehicle-content .number-item.data-v-b545ddc3 {
|
||||
border: 2rpx solid #e1e1e1;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-weight: 700;
|
||||
height: 85rpx;
|
||||
justify-content: center;
|
||||
margin: 0 7rpx;
|
||||
position: relative;
|
||||
width: 75rpx;
|
||||
}
|
||||
.content .query-content .vehicle-content .number-item.new.data-v-b545ddc3 {
|
||||
border: 2rpx dashed #6fd99a;
|
||||
}
|
||||
.content .query-content .vehicle-content .number-item .number.data-v-b545ddc3 {
|
||||
font-size: 32rpx;
|
||||
height: 50rpx;
|
||||
margin-top: 18rpx;
|
||||
padding-bottom: 18rpx;
|
||||
text-align: center;
|
||||
width: 35rpx;
|
||||
}
|
||||
.content
|
||||
.query-content
|
||||
.vehicle-content
|
||||
.number-item
|
||||
.number.selected.data-v-b545ddc3 {
|
||||
border-bottom: 4rpx solid #1f68e9;
|
||||
}
|
||||
.content .query-content .vehicle-content .number-item .energy.data-v-b545ddc3 {
|
||||
background: #0ac260;
|
||||
border-radius: 14rpx;
|
||||
color: #fff;
|
||||
font-size: 16rpx;
|
||||
height: 28rpx;
|
||||
left: 2rpx;
|
||||
line-height: 28rpx;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: -20rpx;
|
||||
width: 60rpx;
|
||||
}
|
||||
.content .query-content .input-content.data-v-b545ddc3 {
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
border: 1px solid #e1e1e1;
|
||||
border-radius: 10rpx;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
padding: 20rpx;
|
||||
position: relative;
|
||||
}
|
||||
.content .query-content .input-content.selected.data-v-b545ddc3 {
|
||||
border-color: #1f68e9;
|
||||
}
|
||||
.content .query-content .input-content .input.data-v-b545ddc3 {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
font-size: 32rpx;
|
||||
font-size: 30rpx;
|
||||
overflow-y: scroll;
|
||||
position: relative;
|
||||
}
|
||||
.content .query-content .input-content .input .placeholder.data-v-b545ddc3 {
|
||||
color: silver;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.content .query-content .input-content .input .cursor.data-v-b545ddc3 {
|
||||
animation: cursor-blinks-b545ddc3 1.5s step-start infinite;
|
||||
background: #1f68e9;
|
||||
height: 40rpx;
|
||||
width: 4rpx;
|
||||
}
|
||||
.content .query-content .input-content .clear.data-v-b545ddc3 {
|
||||
flex-shrink: 0;
|
||||
height: 32rpx;
|
||||
padding: 0 10rpx 0 20rpx;
|
||||
width: 32rpx;
|
||||
}
|
||||
.content .query-content .input-content .input-length.data-v-b545ddc3 {
|
||||
color: #232323;
|
||||
flex-shrink: 0;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.content .query-content .input-content .photo.data-v-b545ddc3 {
|
||||
flex-shrink: 0;
|
||||
height: 50rpx;
|
||||
margin-left: 10rpx;
|
||||
margin-top: -5rpx;
|
||||
width: 50rpx;
|
||||
}
|
||||
.content .query-content .title-content.data-v-b545ddc3 {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: 32rpx;
|
||||
margin: 30rpx 0;
|
||||
}
|
||||
.content .query-content .button.data-v-b545ddc3 {
|
||||
align-items: center;
|
||||
background-color: #1f68e9;
|
||||
border-radius: 10rpx;
|
||||
color: #fff;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
height: 90rpx;
|
||||
justify-content: center;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
.content .example-content.data-v-b545ddc3 {
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.content .example-content .cell.data-v-b545ddc3 {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 40rpx;
|
||||
}
|
||||
.content .example-content .cell-title.data-v-b545ddc3 {
|
||||
align-items: center;
|
||||
color: #333;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: 30rpx;
|
||||
padding-left: 5rpx;
|
||||
}
|
||||
.content .example-content .cell-title image.data-v-b545ddc3 {
|
||||
height: 30rpx;
|
||||
margin-left: 10rpx;
|
||||
width: 30rpx;
|
||||
}
|
||||
.content .example-content .cell-value.data-v-b545ddc3 {
|
||||
color: #686868;
|
||||
font-size: 30rpx;
|
||||
padding-right: 5rpx;
|
||||
}
|
||||
.content .example-content .tips.data-v-b545ddc3 {
|
||||
background-color: #fffbe8;
|
||||
color: #ed6a0c;
|
||||
font-size: 26rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
.content .disclaimer.data-v-b545ddc3 {
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
color: #333;
|
||||
font-size: 30rpx;
|
||||
padding: 30rpx 40rpx;
|
||||
}
|
||||
@-webkit-keyframes cursor-blinks-b545ddc3 {
|
||||
0% {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes cursor-blinks-b545ddc3 {
|
||||
0% {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user