1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
| <template>
| <view class="page">
| <u-navbar :title="title" :background="background" :border-bottom="false">
| <view @click="scanClick" class="rightScan" slot="right">
| <image class="i" src="@/static/custom/outsource/scan.png" mode="widthFix"/>
| </view>
| </u-navbar>
| <view class="bigbg"/>
| <view class="content">
| <slot />
| </view>
| </view>
| </template>
|
| <script>
| import content_bg from '@/static/custom/outsource/content_bg.png'
| export default {
| props:{
| title:{
| default: () => {
| return ''
| }
| }
| },
| data() {
| return {
| background:{
| backgroundImage: `url(${content_bg})`,
| backgroundAttachment: 'fixed',
| backgroundSize: '100% auto',
| backgroundRepeat: 'no-repeat',
| }
| }
| },
| methods: {
| scanClick(){
| uni.scanCode({
| success: res => {
| try {
| this.$emit('scanHandle',res.result)
| } catch (e) {}
| }
| });
| }
| }
| }
| </script>
| <style scoped lang="scss">
| .bigbg{
| background-color: #F6F9FF;
| background-image: url('~@/static/custom/outsource/content_bg.png');
| // background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
| padding: 0 20rpx 40rpx;
| background-attachment: fixed;
| background-size: 100% auto;
| background-repeat: no-repeat;
| position: fixed;
| top: 0;
| bottom: 0;
| width: 100%;
| z-index: -1;
| }
| .rightScan{
| padding-top: 10px;
| padding-right: 5px;
| .i{
| width: 45px;
| }
| }
| .content{
| padding: 0 20rpx;
| }
| ::v-deep .formWrap{
| padding-top: 120rpx;
| .formBox{
| border-radius: 20rpx;
| background-color: #fff;
| margin-bottom: 30rpx;
| padding: 10rpx 40rpx;
| &:first-child{
| background: linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.8) 15%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,1));
| }
| input{
| text-align: right;
| width: 100%;
| }
| .delBtnWrap{
| text-align:right;
| padding: 20rpx 0 10rpx 0;
| .delBtn{
| background-color: #E4EBF5;
| color: black;
| display: inline-block;
| width: 65px;
| height: 30px;
| line-height: 30px;
| .icon{
| padding-right: 3px;
| }
| }
| }
| }
| .form-footer{
| padding: 10px 0;
| .btn{
| background-color: #214DED;
| box-shadow: 1px 3px 4px rgba(33, 77, 237, 0.5);
| }
| }
| }
| </style>
|
|
