Blame view

pages/declaration/list.vue 7.29 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;">

63d2069f   李宇   1
5
  			<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   起风了   我的第一次
6
  				<view style="width: 50%;margin: 0 auto;">

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

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

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

63d2069f   李宇   1
10
11
12
13
14
15
16
17
18
  					地名备案

  				</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;">

  					地名查询

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

  			</view>

63d2069f   李宇   1
21
  

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

1f3f2378   起风了   我的第一次
23
24
25
26
  				<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;">

63d2069f   李宇   1
27
  					地名标志备案

1f3f2378   起风了   我的第一次
28
29
30
31
32
33
34
  				</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;">

63d2069f   李宇   1
35
  					建筑物备案

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

  			</view>

63d2069f   李宇   1
38
  			<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   起风了   我的第一次
39
  				<view style="width: 50%;margin: 0 auto;">

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

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

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

63d2069f   李宇   1
43
44
  					<!-- 地名标志牌需求申报 -->

  					门楼牌备案

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

fe62b839   起风了   1
46
47
48
49
50
51
52
  			</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;">
63d2069f   李宇   1
53
  					界桩维护
fe62b839   起风了   1
54
55
  				</view>
  			</view>
63d2069f   李宇   1
56
  
fe62b839   起风了   1
57
58
59
60
61
  			<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
62
  					巡检任务
fe62b839   起风了   1
63
  				</view>
1f3f2378   起风了   我的第一次
64
  			</view>

63d2069f   李宇   1
65
66
67
68
69
70
71
72
  			<view @click="gopath('/pages/policy/policy')" 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 3.png" mode="aspectFit"></image>

  				</view>

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

  					政策文件

  				</view>

  			</view>

2feeb765   李宇   1
73
  			<view @click="gopath('/pages/activitylist/activitylist?activeType=区划')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;margin-top:20rpx;">

63d2069f   李宇   1
74
75
76
77
78
79
80
  				<view style="width: 50%;margin: 0 auto;">

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

  				</view>

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

  					区划活动

  				</view>

  			</view>

1f3f2378   起风了   我的第一次
81
  		</view>
d7d4c017   李宇   1
82
  <!-- 		<view style="padding: 30rpx;width: 100%;box-sizing: border-box;">

1f3f2378   起风了   我的第一次
83
84
85
86
87
88
  			<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
89
  						门楼牌需求申报

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

  				</view>

  			</view>

  			

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

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

1f3f2378   起风了   我的第一次
96
97
98
99
100
  			<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
101
  				<view class="bottom-two-list" @click="gopath('/pages/map1/map')">

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

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

1f3f2378   起风了   我的第一次
104
105
106
107
108
109
  				</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
110
  		</view> -->

1f3f2378   起风了   我的第一次
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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
  	</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>