Blame view

pages/declaration/list.vue 6.34 KB
1f3f2378   起风了   我的第一次
1
2
3
4
  <template>
  	<view>
  		<view class="bg"><image src="../../static/bg.jpg" mode="widthFix"></image></view>

  		<view style="display: flex;padding: 30rpx;width: 100%;box-sizing: border-box;flex-wrap: wrap;justify-content: space-between;">

d7d4c017   李宇   1
5
  			<view @click="gopath('/pages/declaration/declaration?type=5')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;">

1f3f2378   起风了   我的第一次
6
  				<view style="width: 50%;margin: 0 auto;">

d7d4c017   李宇   1
7
  					<image style="height: 120rpx;width: 100%;" src="../../static/ly/image11.png" mode="aspectFit"></image>

1f3f2378   起风了   我的第一次
8
9
  				</view>

  				<view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;">

d7d4c017   李宇   1
10
  					<!-- 地名标志牌需求申报 -->

30c714a7   起风了   zh
11
  					门楼牌申报

1f3f2378   起风了   我的第一次
12
13
  				</view>

  			</view>

d7d4c017   李宇   1
14
  			<view @click="gopath('/pages/mapdoorplate/mapdoorplate')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;">

1f3f2378   起风了   我的第一次
15
16
17
18
  				<view style="width: 50%;margin: 0 auto;">

  					<image style="height: 120rpx;width: 100%;" src="../../static/ly/image8.png" mode="aspectFit"></image>

  				</view>

  				<view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;">

30c714a7   起风了   zh
19
  					地名标志牌申报

1f3f2378   起风了   我的第一次
20
21
22
23
24
25
26
  				</view>

  			</view>

  			<view @click="gopath('/pages/declaration/declaration?type=3')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;margin-top:20rpx;">

  				<view style="width: 50%;margin: 0 auto;">

  					<image style="height: 120rpx;width: 100%;" src="../../static/ly/image5.png" mode="aspectFit"></image>

  				</view>

  				<view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;">

a9c5bb83   起风了   修改
27
  					建筑物名称备案

1f3f2378   起风了   我的第一次
28
29
  				</view>

  			</view>

d7d4c017   李宇   1
30
  			<view @click="gopath('/pages/declaration/newDeclaration')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;margin-top:20rpx;">

1f3f2378   起风了   我的第一次
31
32
33
34
  				<view style="width: 50%;margin: 0 auto;">

  					<image style="height: 120rpx;width: 100%;" src="../../static/ly/image6.png" mode="aspectFit"></image>

  				</view>

  				<view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;">

a9c5bb83   起风了   修改
35
  					地名申报

1f3f2378   起风了   我的第一次
36
  				</view>

fe62b839   起风了   1
37
38
39
40
41
42
43
  			</view>
  			
  			<view @click="gopath('/pages/mapstakeline/mapstakeline')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;margin-top:20rpx;">
  				<view style="width: 50%;margin: 0 auto;">
  					<image style="height: 120rpx;width: 100%;" src="/static/new/3.png" mode="aspectFit"></image>
  				</view>
  				<view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;">
9e2e0fa9   李宇   1
44
  					界桩管护
fe62b839   起风了   1
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
  				</view>
  			</view>
  			<view @click="gopath('/pages/map1/map')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;margin-top:20rpx;">
  				<view style="width: 50%;margin: 0 auto;">
  					<image style="height: 120rpx;width: 100%;" src="/static/new/image 2.png"  mode="aspectFit"></image>
  				</view>
  				<view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;">
  					地名查询服务
  				</view>
  			</view>
  			<view @click="gopath('/pages/maptask/maptask')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;margin-top:20rpx;">
  				<view style="width: 50%;margin: 0 auto;">
  					<image style="height: 120rpx;width: 100%;" src="/static/new/image 1.png" mode="aspectFit"></image>
  				</view>
  				<view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;">
30c714a7   起风了   zh
60
  					巡检任务
fe62b839   起风了   1
61
  				</view>
1f3f2378   起风了   我的第一次
62
63
64
  			</view>

  			

  		</view>
d7d4c017   李宇   1
65
  <!-- 		<view style="padding: 30rpx;width: 100%;box-sizing: border-box;">

1f3f2378   起风了   我的第一次
66
67
68
69
70
71
  			<view @click="gopath('/pages/declaration/declaration?type=5')" style="width: 100%;background: rgba(255,255,255,0.63);border-radius: 30rpx;padding: 20rpx 0;">

  				<view style="width: 60%;margin: 0 auto;display: flex;align-items: center;">

  					<view style="width: 30%;margin: 0 auto;">

  						<image style="height: 120rpx;width: 100%;" src="../../static/ly/image11.png" mode="aspectFit"></image>

  					</view>

  					<view style="color: #3D3D3D;text-align: center;font-size: 25rpx;">

d7d4c017   李宇   1
72
  						门楼牌需求申报

1f3f2378   起风了   我的第一次
73
74
75
76
  					</view>

  				</view>

  			</view>

  			

d7d4c017   李宇   1
77
  		</view> -->

fe62b839   起风了   1
78
  		<!-- <view class="bottom">

1f3f2378   起风了   我的第一次
79
80
81
82
83
  			<view class="bottom-two">

  				<view class="bottom-two-list" @click="gopath('/pages/mapstakeline/mapstakeline')">

  					<view class="bottom-two-list-img"><image src="../../static/map1.png"></image></view>

  					<view class="bottom-two-list-text">界桩界线管护</view>

  				</view>

d7d4c017   李宇   1
84
  				<view class="bottom-two-list" @click="gopath('/pages/map1/map')">

1f3f2378   起风了   我的第一次
85
  					<view class="bottom-two-list-img"><image src="../../static/map2.png"></image></view>

d7d4c017   李宇   1
86
  					<view class="bottom-two-list-text">地名查询服务</view>

1f3f2378   起风了   我的第一次
87
88
89
90
91
92
  				</view>

  			</view>

  			<view class="bottom-my" style="margin-top: 20rpx;" @click="gopath('/pages/maptask/maptask')">

  				<view class="bottom-my-img"><image src="../../static/map3.png"></image></view>

  				<view class="bottom-my-text">我的任务</view>

  			</view>

fe62b839   起风了   1
93
  		</view> -->

1f3f2378   起风了   我的第一次
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
  	</view>
  </template>
  
  <script>
  	export default {
  		data() {
  			return {
  			
  			}
  		},
  		methods: {
  			gopath(e) {

  				uni.navigateTo({

  					url: e

  				})

  			},
  		}
  	}
  </script>
  
  <style scoped lang="scss">
  .bg {

  	width: 100%;

  	height: 100vh;

  	position: fixed;

  	z-index: -1;

  	image {

  		width: 100%;

  		height: 100vh;

  	}

  }

  .bottom {

  	padding: 20rpx 20rpx;

  	margin: 20rpx 30rpx;

  	width: 94%;

  	position: fixed;

  	bottom: 30rpx;

  	background: rgba(255,255,255,0.63);

  	border-radius: 30rpx;

  	.bottom-two {

  		display: flex;

  		justify-content: space-between;

  		

  		.bottom-two-list {

  			position: relative;

  			.bottom-two-list-img {

  				image {

  					width: 320rpx;

  					height: 69rpx;

  					box-shadow: 5rpx 10rpx 20rpx 0 #b7c8ff;

  					border-radius: 100rpx;

  				}

  			}

  			.bottom-two-list-text {

  				position: absolute;

  				top: 33%;

  				left: 25%;

  				transform: translate(-33%, -25%);

  				color: #fff;

  				font-size: 28rpx;

  			}

  		}

  	}

  	.bottom-my {

  		position: relative;

  		.bottom-my-img {

  			image {

  				width: 710rpx;

  				height: 69rpx;

  				box-shadow: 5rpx 10rpx 20rpx 0 #b5f4d5;

  				border-radius: 100rpx;

  			}

  		}

  		.bottom-my-text {

  			position: absolute;

  			top: 25%;

  			left: 8%;

  			transform: translate(-25%, -8%);

  			color: #fff;

  			font-size: 28rpx;

  		}

  	}

  }
  </style>