wip
This commit is contained in:
pushuo
parent
053c2927dd
commit
c908243e79
|
|
@ -1,4 +1,14 @@
|
|||
/**
|
||||
这里是插件css, 请在blade里面使用以下代码引入
|
||||
<link rel="stylesheet" href="{{ asset('bk_stripe/css/demo.css') }}">
|
||||
<link rel="stylesheet" href="{{ asset('plugin/bk_stripe/css/demo.css') }}">
|
||||
*/
|
||||
|
||||
#bk-stripe-app .form-wrap {
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
|
||||
#bk-stripe-app .pay-iamges img {
|
||||
max-width: 70px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
/**
|
||||
* 这里是插件js, 请在blade里面使用以下代码引入
|
||||
* <script src="{{ asset('bk_stripe/js/demo.js') }}"></script>
|
||||
* <script src="{{ asset('plugin/bk_stripe/js/demo.js') }}"></script>
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -756,10 +756,6 @@ body.page-account-order-info .product-list .right .price {
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
body.page-bk-stripe .form-wrap {
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
body.page-account-address .addresses-wrap .item, body.page-checkout .addresses-wrap .item {
|
||||
position: relative;
|
||||
padding: 14px 14px 14px 18px;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,13 @@
|
|||
body.page-design {
|
||||
background-color: #fff;
|
||||
}
|
||||
body.page-design .design-box {
|
||||
display: flex;
|
||||
}
|
||||
body.page-design .design-box .sidebar-edit-wrap {
|
||||
width: 300px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
body.page-design .design-box .preview-iframe {
|
||||
flex: 1;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,5 +19,4 @@ $primary: #fd560f;
|
|||
@import './element-ui';
|
||||
@import './order-success';
|
||||
@import './page-account-order';
|
||||
@import './page-bk-stripe';
|
||||
@import './page-account-address';
|
||||
|
|
|
|||
|
|
@ -1,3 +1,17 @@
|
|||
body.page-design {
|
||||
background-color: #fff;
|
||||
|
||||
.design-box {
|
||||
display: flex;
|
||||
|
||||
.sidebar-edit-wrap {
|
||||
// flex: 1;
|
||||
width: 300px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.preview-iframe {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
body.page-bk-stripe {
|
||||
.form-wrap {
|
||||
// border: 1px solid #eee;
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
|
|
@ -8,9 +8,13 @@
|
|||
<div class="row mt-5" id="bk-stripe-app" v-cloak>
|
||||
<div class="col-12 col-md-8">
|
||||
<div class="checkout-black">
|
||||
{{-- <img src="" class="img-fluid"> --}}
|
||||
<h5 class="checkout-title">卡信息</h5>
|
||||
<div class="border px-3 py-2">
|
||||
<div class="pay-iamges">
|
||||
@for ($i = 1; $i <= 5; $i++)
|
||||
<img src="{{ asset("plugin/bk_stripe/image/pay-$i.png") }}" class="img-fluid">
|
||||
@endfor
|
||||
</div>
|
||||
<el-form ref="form" label-position="top" :rules="rules" :model="form" class="form-wrap">
|
||||
<el-form-item label="卡号" prop="cardnum">
|
||||
<el-input v-model="form.cardnum"></el-input>
|
||||
|
|
@ -101,7 +105,9 @@
|
|||
}
|
||||
},
|
||||
|
||||
beforeMount() {},
|
||||
beforeMount() {
|
||||
// console.log(33)
|
||||
},
|
||||
|
||||
methods: {
|
||||
checkedBtnCheckoutConfirm(form) {
|
||||
|
|
|
|||
|
|
@ -1,12 +1,13 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<title>首页编辑器</title>
|
||||
{{-- <link rel="stylesheet" type="text/css" href="{{ asset('/build/beike/shop/default/css/bootstrap.css') }}"> --}}
|
||||
<script src="{{ asset('vendor/jquery/jquery-3.6.0.min.js') }}"></script>
|
||||
<script src="{{ asset('vendor/layer/3.5.1/layer.js') }}"></script>
|
||||
<script src="{{ asset('/build/beike/shop/default/js/app.js') }}"></script>
|
||||
|
|
@ -16,7 +17,16 @@
|
|||
<link rel="stylesheet" type="text/css" href="{{ asset('/build/beike/shop/default/css/design/app.css') }}">
|
||||
@stack('header')
|
||||
</head>
|
||||
<body class="page-design">
|
||||
|
||||
<body class="page-design">
|
||||
<div class="design-box">
|
||||
<div class="sidebar-edit-wrap">
|
||||
|
||||
</div>
|
||||
<div class="preview-iframe">
|
||||
<iframe src="{{ shop_route('home.index') }}" frameborder="0" id="preview-iframe" width="100%" height="100%"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue