no message
This commit is contained in:
90
components/popup-modify-vin/index.js
Normal file
90
components/popup-modify-vin/index.js
Normal file
@@ -0,0 +1,90 @@
|
||||
var e = require("../../common/vendor.js");
|
||||
Array || e.resolveComponent("uni-popup")();
|
||||
Math ||
|
||||
(
|
||||
e.unref(n) +
|
||||
function () {
|
||||
return "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
||||
}
|
||||
)();
|
||||
var n = function () {
|
||||
return "../keyboard/index.js";
|
||||
},
|
||||
u = {
|
||||
__name: "index",
|
||||
props: {
|
||||
visible: { type: Boolean, default: !1 },
|
||||
copyVin: { type: String, default: "" },
|
||||
},
|
||||
emits: ["close", "confirm"],
|
||||
setup: function (n, u) {
|
||||
var o = u.emit,
|
||||
t = n,
|
||||
i = e.ref(null),
|
||||
l = e.ref(""),
|
||||
a = e.ref(!1);
|
||||
e.watch(
|
||||
function () {
|
||||
return t.visible;
|
||||
},
|
||||
function () {
|
||||
t.visible
|
||||
? ((l.value = t.copyVin),
|
||||
setTimeout(function () {
|
||||
return (a.value = !0);
|
||||
}, 100),
|
||||
i.value.open())
|
||||
: ((a.value = !1), i.value.close());
|
||||
}
|
||||
);
|
||||
var c = function (e) {
|
||||
e.show || o("close");
|
||||
},
|
||||
r = function () {
|
||||
o("close");
|
||||
},
|
||||
p = function () {
|
||||
a.value = !1;
|
||||
},
|
||||
v = function (e) {
|
||||
l.value = e.value;
|
||||
},
|
||||
s = function () {
|
||||
l.value = "";
|
||||
},
|
||||
f = function () {
|
||||
(a.value = !1), o("confirm", l.value);
|
||||
};
|
||||
return function (n, u) {
|
||||
return e.e(
|
||||
{ a: e.o(r), b: 0 === l.value.length },
|
||||
(l.value.length, {}),
|
||||
{
|
||||
c: e.t(l.value),
|
||||
d: e.o(function (e) {
|
||||
a.value = !0;
|
||||
}),
|
||||
e: l.value.length > 0,
|
||||
},
|
||||
l.value.length > 0 ? { f: e.o(s) } : {},
|
||||
{
|
||||
g: e.t(l.value.length),
|
||||
h: e.o(f),
|
||||
i: e.o(p),
|
||||
j: e.o(v),
|
||||
k: e.p({
|
||||
visible: a.value,
|
||||
"can-switch": !1,
|
||||
vin: l.value,
|
||||
"init-copy": !1,
|
||||
}),
|
||||
l: e.sr(i, "665bd5fd-0", { k: "popup" }),
|
||||
m: e.o(c),
|
||||
n: e.p({ type: "center", "is-mask-click": !1, animation: !0 }),
|
||||
}
|
||||
);
|
||||
};
|
||||
},
|
||||
},
|
||||
o = e._export_sfc(u, [["__scopeId", "data-v-665bd5fd"]]);
|
||||
wx.createComponent(o);
|
||||
7
components/popup-modify-vin/index.json
Normal file
7
components/popup-modify-vin/index.json
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup",
|
||||
"keyboard": "../keyboard/index"
|
||||
}
|
||||
}
|
||||
52
components/popup-modify-vin/index.wxml
Normal file
52
components/popup-modify-vin/index.wxml
Normal file
@@ -0,0 +1,52 @@
|
||||
<uni-popup
|
||||
bind:__l="__l"
|
||||
bindchange="{{m}}"
|
||||
class="r data-v-665bd5fd"
|
||||
uI="665bd5fd-0"
|
||||
uP="{{n}}"
|
||||
uR="popup"
|
||||
uS="{{['d']}}"
|
||||
wx:if="{{n}}"
|
||||
>
|
||||
<view class="content data-v-665bd5fd">
|
||||
<image
|
||||
bindtap="{{a}}"
|
||||
class="close data-v-665bd5fd"
|
||||
src="/static/svgs/icon_close_2.svg"
|
||||
></image>
|
||||
<view class="popup-title data-v-665bd5fd">修改VIN车架号</view>
|
||||
<view class="input-content data-v-665bd5fd">
|
||||
<view bindtap="{{d}}" class="input data-v-665bd5fd">
|
||||
<text class="placeholder data-v-665bd5fd" wx:if="{{b}}"
|
||||
>请输入17位VIN车架号</text
|
||||
>
|
||||
<text userSelect class="default data-v-665bd5fd">{{c}}</text>
|
||||
<text class="cursor data-v-665bd5fd"></text>
|
||||
</view>
|
||||
<image
|
||||
bindtap="{{f}}"
|
||||
class="clear data-v-665bd5fd"
|
||||
src="/static/svgs/icon_clear.svg"
|
||||
wx:if="{{e}}"
|
||||
></image>
|
||||
<view class="input-length data-v-665bd5fd">{{g}}/17 </view>
|
||||
</view>
|
||||
<view
|
||||
bindtap="{{h}}"
|
||||
class="button data-v-665bd5fd"
|
||||
hoverClass="default-ihover-class"
|
||||
hoverStayTime="100"
|
||||
>
|
||||
确认修改
|
||||
</view>
|
||||
</view>
|
||||
<keyboard
|
||||
bind:__l="__l"
|
||||
bindchange="{{j}}"
|
||||
bindclose="{{i}}"
|
||||
class="data-v-665bd5fd"
|
||||
uI="665bd5fd-1,665bd5fd-0"
|
||||
uP="{{k}}"
|
||||
wx:if="{{k}}"
|
||||
></keyboard>
|
||||
</uni-popup>
|
||||
104
components/popup-modify-vin/index.wxss
Normal file
104
components/popup-modify-vin/index.wxss
Normal file
@@ -0,0 +1,104 @@
|
||||
.content.data-v-665bd5fd {
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
margin-bottom: 15vh;
|
||||
overflow: hidden;
|
||||
padding: 50rpx;
|
||||
width: 625rpx;
|
||||
}
|
||||
.content .close.data-v-665bd5fd {
|
||||
height: 30rpx;
|
||||
padding: 20rpx;
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
top: 20rpx;
|
||||
width: 30rpx;
|
||||
}
|
||||
.content .popup-title.data-v-665bd5fd {
|
||||
color: #333;
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
}
|
||||
.content .input-content.data-v-665bd5fd {
|
||||
background-color: #f7f7f7;
|
||||
border-radius: 10rpx;
|
||||
height: 90rpx;
|
||||
margin-top: 50rpx;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.content .input-content .input.data-v-665bd5fd,
|
||||
.content .input-content.data-v-665bd5fd {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
.content .input-content .input.data-v-665bd5fd {
|
||||
flex-grow: 1;
|
||||
font-size: 32rpx;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.content .input-content .input .placeholder.data-v-665bd5fd {
|
||||
color: silver;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.content .input-content .input .cursor.data-v-665bd5fd {
|
||||
animation: cursor-blinks-665bd5fd 1.5s step-start infinite;
|
||||
background: #1f68e9;
|
||||
height: 40rpx;
|
||||
width: 4rpx;
|
||||
}
|
||||
.content .input-content .clear.data-v-665bd5fd {
|
||||
flex-shrink: 0;
|
||||
height: 32rpx;
|
||||
padding: 0 10rpx 0 20rpx;
|
||||
width: 32rpx;
|
||||
}
|
||||
.content .input-content .input-length.data-v-665bd5fd {
|
||||
color: #232323;
|
||||
flex-shrink: 0;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.content .button.data-v-665bd5fd {
|
||||
align-items: center;
|
||||
background-color: #1f68e9;
|
||||
border-radius: 100rpx;
|
||||
color: #fff;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
height: 80rpx;
|
||||
justify-content: center;
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
@-webkit-keyframes cursor-blinks-665bd5fd {
|
||||
0% {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes cursor-blinks-665bd5fd {
|
||||
0% {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user