• uniapp 首页制作

    uniapp拨打固定的电话  

    1.  
    2. 			function Hotline() {
    3. 				// 拨打电话
    4. 				uni.makePhoneCall({
    5. 					phoneNumber: '19969547693'
    6. 				})
    7. 			}

     页面跳转

    1. 	//普通跳转
    2. 			function homepage() {
    3. 				uni.navigateTo({
    4. 					url: '/pages/homepage/homepage'
    5. 				});
    6. 			}
    7.  
    8. 	//二、uni.redirectTo关闭当前页面，跳转到应用内的某个页面。
    9.  
    10. 			uni.redirectTo({
    11. 				url: './index/index'
    12. 			});
    13.  
    14.  
    15. 	//三、uni.switchTab跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。
    16.  
    17. 			uni.switchTab({
    18. 				url: '/pages/homepage/homepage'
    19. 			});

    首页页面展示 

    代码

    1. <template>
    2. 	<view class="bg">
    3.  
    4. 		<!-- 搜索地址  title-->
    5. 		<div class="title">
    6. 			<!-- 一级导航 -->
    7. 			<uni-combox :candidates="candidates" placeholder="请选择所在城市" v-model="city" labelWidth="70px"
    8. 				style="background-color:(117,17,29); margin: 4px 10px;"></uni-combox>
    9.  
    10. 			<!-- 二级导航 -->
    11. 			<p
    12. 				style=" margin: 10px; color: white; line-height: 20px; height: 20px; background-color: (117,17,29);padding: 2px;">
    13. 				无障碍阅读</p>
    14. 		</div>
    15.  
    16. 		<!-- 轮播图 swiper-box-->
    17. 		<uni-swiper-dot :info="info">
    18. 			<swiper class="swiper-box">
    19. 				<swiper-item v-for="(item ,index) in info" :key="index">
    20. 					<view class="swiper-box-img">
    21. 						{{item.content}}
    22. 					</view>
    23. 				</swiper-item>
    24. 			</swiper>
    25. 		</uni-swiper-dot>
    26.  
    27.  
    28. 		<!-- 常用服务 service-->
    29. 		<div class="common">
    30. 			<uni-icons type="map-pin" size="30" color="red"></uni-icons>
    31. 			<h3>常用服务</h3>
    32. 		</div>
    33.  
    34. 		<div style="display: flex;flex-wrap: wrap; justify-content:space-around;">
    35. 			<div @click='homepage  ' style="margin: 4px 12px;">
    36. 				<image src="../../static/weixiu.png" class="service-img"></image>
    37. 				<p class="service-p">我要保修</p>
    38. 			</div>
    39. 			<div @click='complaint' style="margin: 4px 12px;">
    40. 				<image src="../../static/i247.png" class="service-img"></image>
    41. 				<p class="service-p">投诉意见</p>
    42. 			</div>
    43. 			<div @click='Hotline' style="margin: 4px 12px;">
    44. 				<image src="../../static/dianhua.png" class="service-img"></image>
    45. 				<p class="service-p">服务热线</p>
    46. 			</div>
    47. 			<div @click='Notice' style="margin: 4px 12px;">
    48. 				<image src="../../static/gonggao.png" class="service-img"></image>
    49. 				<p class="service-p">通知公告</p>
    50. 			</div>
    51.  
    52. 			<div @click='HandleRepairs' style="margin: 4px 12px;">
    53. 				<image src="../../static/tousu.png" class="service-img"></image>
    54. 				<p class="service-p">导出表单</p>
    55. 			</div>
    56. 			<div @click='HandlingComplaints' style="margin: 4px 12px;">
    57. 				<image src="../../static/faxian.png" class="service-img"></image>
    58. 				<p class="service-p">导入表单</p>
    59. 			</div>
    60. 		</div>
    61.  
    62. 		<!-- 公平 public-nav-->
    63. 		<h3><uni-icons type="map-pin" size="30" color="red"></uni-icons>{{listcons.title}}</h3>
    64. 		<uni-segmented-control :values="items" @clickItem="onClickItem" styleType="text"
    65. 			style="margin-right: 120px; margin-left: 20px;" />
    66. 		<view class="public-nav">
    67. 			<view>
    68. 				<view class="public-view" v-for="item in listcons.items " :key="item">
    69. 					<img :src="item.icon" class="public-img" />
    70. 					<p class="public-text">{{item.label}}</p>
    71. 				</view>
    72. 			</view>
    73. 		</view>
    74. 	</view>
    75. </template>
    76.  
    77. <script>
    78. 	export default {
    79. 		setup(_, ctx) {
    80. 			const mode = 'round'
    81. 			const items = ['报修意见', '通知通告', '导出表单']
    82.  
    83. 			const city = ''
    84. 			const candidates = ['北京', '南京', '东京', '武汉', '天津', '上海', '海口']
    85.  
    86.  
    87. 			const services = {
    88. 				title: '常用服务',
    89. 				items: [{
    90. 						icon: '/static/weixiu.png',
    91. 						label: '我要保修',
    92. 						url: '/pages/homepage/homepage'
    93. 					},
    94. 					{
    95. 						icon: '/static/i247.png',
    96. 						label: '投诉意见',
    97. 					},
    98. 					{
    99. 						icon: '/static/dianhua.png',
    100. 						label: '服务热线',
    101. 					}, {
    102. 						icon: '/static/gonggao.png',
    103. 						label: '通知公告',
    104. 					}, {
    105. 						icon: '/static/tousu.png',
    106. 						label: '导出表单',
    107. 					}, {
    108. 						icon: '/static/faxian.png',
    109. 						label: '导入表单',
    110. 					}
    111. 				],
    112. 			}
    113.  
    114. 			function onClickItem(e) {
    115. 				if (currents.value !== e.currentIndex) {
    116. 					currents.value = e.currentIndex
    117. 				}
    118. 			}
    119.  
    120. 			const info = [{
    121. 					content: ''
    122. 				},
    123. 				{
    124. 					content: ''
    125. 				},
    126. 				{
    127. 					content: ''
    128. 				},
    129. 			]
    130.  
    131. 			const listcons = {
    132. 				title: '公开公正',
    133. 				items: [{
    134. 					icon: '../../static/微信图片_20230903143138.jpg',
    135. 					label: '2023中秋国庆假期盘点 高速公路川流不息,景区景点“人从众”,大型商超人气火爆,电影市场红火向好'
    136. 				}, {
    137. 					icon: '../../static/微信图片_20230903143138.jpg',
    138. 					label: '今年中秋、国庆双节并行，超8亿人次出游、国内旅游收入超7500亿元，上涨的热情、刷新的数据，映射出人们对美好生活的期盼，彰显中国经济的活力'
    139. 				}, {
    140. 					icon: '../../static/微信图片_20230903143138.jpg',
    141. 					label: '没想到泼天的富贵要到文具届了，我想说自动铅笔更贵是因为它比普通铅笔改进了技术'
    142. 				}, {
    143. 					icon: '../../static/微信图片_20230903143138.jpg',
    144. 					label: '2023中秋国庆假期盘点 高速公路川流不息,景区景点“人从众”,大型商超人气火爆,电影市场红火向好'
    145. 				}, {
    146. 					icon: '../../static/微信图片_20230903143138.jpg',
    147. 					label: '今年中秋、国庆双节并行，超8亿人次出游、国内旅游收入超7500亿元，上涨的热情、刷新的数据，映射出人们对美好生活的期盼，彰显中国经济的活力'
    148. 				}, {
    149. 					icon: '../../static/微信图片_20230903143138.jpg',
    150. 					label: '没想到泼天的富贵要到文具届了，我想说自动铅笔更贵是因为它比普通铅笔改进了技术'
    151. 				}, ],
    152. 			}
    153.  
    154.  
    155. 			function homepage() {
    156. 				uni.navigateTo({
    157. 					url: '/pages/homepage/homepage'
    158. 				});
    159. 			}
    160.  
    161.  
    162. 			function complaint() {
    163. 				uni.navigateTo({
    164. 					url: '/pages/complaint/complaint'
    165. 				});
    166. 			}
    167.  
    168.  
    169. 			function Hotline() {
    170. 				// 拨打电话
    171. 				uni.makePhoneCall({
    172. 					// phoneNumber: '19969547693'
    173. 					phoneNumber: '18343078388'
    174. 				})
    175. 			}
    176.  
    177. 			function Notice() {
    178. 				uni.navigateTo({
    179. 					url: '/pages/Notice/Notice'
    180. 				});
    181. 			}
    182.  
    183. 			function HandleRepairs() {
    184. 				uni.navigateTo({
    185. 					url: '/pages/HandleRepairs/HandleRepairs'
    186. 				});
    187. 			}
    188.  
    189. 			function HandlingComplaints() {
    190. 				uni.navigateTo({
    191. 					url: '/pages/HandlingComplaints/HandlingComplaints'
    192. 				});
    193. 			}
    194.  
    195. 			return {
    196. 				info,
    197. 				mode,
    198. 				items,
    199. 				onClickItem,
    200. 				city,
    201. 				candidates,
    202. 				complaint,
    203. 				homepage,
    204. 				Hotline,
    205. 				Notice,
    206. 				HandleRepairs,
    207. 				HandlingComplaints,
    208. 				listcons,
    209. 				services
    210. 			}
    211. 		}
    212. 	}
    213. </script>
    214. <style scoped>
    215. 	/* 背景 */
    216. 	.bg {
    217. 		width: 100%;
    218. 		height: 150px;
    219. 		background-image: url('/static//QQ截图20230928135008.jpg');
    220. 		background-position: center center;
    221. 		background-repeat: no-repeat;
    222.  
    223. 	}
    224.  
    225. 	/* 搜索地址 */
    226. 	.title {
    227. 		display: flex;
    228. 		justify-content: space-between;
    229. 	}
    230.  
    231. 	.title-p {
    232. 		color: antiquewhite;
    233. 	}
    234.  
    235. 	/* 轮播图 */
    236. 	.swiper-box {
    237. 		margin: 10px;
    238. 	}
    239.  
    240. 	.swiper-box-img {
    241. 		/* 	background-color: aquamarine; */
    242. 		width: 100%;
    243. 		height: 150px;
    244. 		background-image: url('../../static/212592593253b564407bcec.jpg');
    245. 		background-position: center center;
    246. 		background-repeat: no-repeat;
    247. 		background-size: cover;
    248. 		color: aqua;
    249. 	}
    250.  
    251. 	/* 常用服务 */
    252.  
    253. 	.common {
    254. 		width: 120px;
    255. 		display: flex;
    256. 		/* margin: 20px 0; */
    257. 		margin-top: 20px;
    258. 	}
    259.  
    260. 	.service-nav {
    261. 		display: flex;
    262. 		flex-wrap: wrap;
    263. 	}
    264.  
    265. 	.service-img {
    266. 		width: 25px;
    267. 		height: 25px;
    268. 		margin-left: 20px;
    269. 		margin-top: 5px;
    270. 	}
    271.  
    272. 	.service-p {
    273. 		margin-left: 10px;
    274. 		margin-top: 5px;
    275. 	}
    276.  
    277.  
    278. 	/* 公式公开 */
    279. 	.public {
    280. 		margin-top: -20px;
    281. 	}
    282.  
    283. 	.public-nav {
    284. 		display: flex;
    285. 		margin-top: 15px;
    286. 		height: 22rem;
    287. 	}
    288.  
    289. 	.public-view {
    290. 		display: flex;
    291. 		align-items: center;
    292. 	}
    293.  
    294. 	.public-img {
    295. 		width: 70px;
    296. 		height: 70px;
    297. 		margin: 0 20px;
    298. 		margin-top: 5px;
    299. 		background-position: center center;
    300. 		background-repeat: no-repeat;
    301. 		background-size: cover;
    302. 	}
    303.  
    304. 	.public-text {
    305. 		width: 240px;
    306. 		font-size: 14px;
    307. 		color: #666;
    308. 		/* 让文本不换行 */
    309. 		white-space: nowrap;
    310. 		overflow: hidden;
    311. 		/* 超出部分隐藏 */
    312. 		text-overflow: ellipsis;
    313. 		/* 使用省略号代替超出部分 */
    314. 	}
    315.  
    316. 	.example-body {
    317. 		padding: 12px;
    318. 		background-color: #FFFFFF;
    319. 	}
    320.  
    321. 	.result-box {
    322. 		text-align: center;
    323. 		padding: 20px 0px;
    324. 		font-size: 16px;
    325. 	}
    326. </style>

    我的页面展示

    代码 

    1. <template>
    2. 	<view class="bg">
    3. 		<p class="boder"></p>
    4. 		<h3 class="name">ID : {{name}}</h3>
    5. 	</view>
    6. 	<view class="">
    7. 		<view class="container">
    8.  
    9.  
    10. 			<uni-section>
    11. 				<uni-group mode="card">
    12. 					<view class="tuichu">
    13. 						<image src="../../static/baoxiu.png" style="width: 20px; height: 20px;margin-right: 20px;">
    14. 						</image>
    15. 						<h3 @click="gonavigate">服务 </h3>
    16.  
    17. 					</view>
    18. 				</uni-group>
    19.  
    20. 				<uni-group title="" mode="card">
    21.  
    22. 					<view class="" style="display: flex; justify-content: space-between;">
    23. 						<view class="tuichu">
    24. 							<image src="../../static/baoxiu.png" style="width: 20px; height: 20px;margin-right: 20px;">
    25. 							</image>
    26. 							<h3 @click="gonavigate">收藏 </h3>
    27.  
    28. 						</view>
    29. 						<uni-icons type="forward" size="20"></uni-icons>
    30.  
    31. 					</view>
    32. 					<uni-list-item :disabled="true" style="margin-top: 10px;"></uni-list-item>
    33. 					<view class="" style="display: flex; justify-content: space-between;">
    34. 						<view class="tuichu">
    35. 							<image src="../../static/baoxiu.png" style="width: 20px; height: 20px;margin-right: 20px;">
    36. 							</image>
    37. 							<h3 @click="gonavigate">朋友圈 </h3>
    38.  
    39. 						</view>
    40. 						<uni-icons type="forward" size="20"></uni-icons>
    41.  
    42. 					</view>
    43. 					<uni-list-item :disabled="true" style="margin-top: 10px;"></uni-list-item>
    44. 					<view class="" style="display: flex; justify-content: space-between;">
    45. 						<view class="tuichu">
    46. 							<image src="../../static/baoxiu.png" style="width: 20px; height: 20px;margin-right: 20px;">
    47. 							</image>
    48. 							<h3 @click="gonavigate">导入 </h3>
    49.  
    50. 						</view>
    51. 						<uni-icons type="forward" size="20"></uni-icons>
    52.  
    53. 					</view>
    54. 				</uni-group>
    55.  
    56.  
    57. 				<uni-group mode="card">
    58. 					<view class="tuichu">
    59. 						<image src="../../static/baoxiu.png" style="width: 20px; height: 20px;margin-right: 20px;">
    60. 						</image>
    61. 						<h3 @click="gonavigate">退出 </h3>
    62. 					</view>
    63. 				</uni-group>
    64. 			</uni-section>
    65.  
    66. 		</view>
    67. 	</view>
    68. </template>
    69. <script>
    70. 	export default {
    71. 		setup() {
    72. 			const name = '周阿狗'
    73.  
    74.  
    75. 			function gonavigate() {
    76. 				uni.showToast({
    77. 					title: '退出成功',
    78. 					icon: 'none',
    79. 				});
    80. 				uni.redirectTo({
    81. 					url: '../index/index'
    82. 				});
    83. 			}
    84.  
    85.  
    86. 			return {
    87. 				name,
    88. 				gonavigate
    89. 			}
    90. 		}
    91. 	}
    92. </script>
    93. <style>
    94. 	.bg {
    95. 		width: 100%;
    96. 		height: 180px;
    97. 		background-image: url('../../static/微信图片_20230903143208.jpg');
    98. 		background-position: center center;
    99. 		background-repeat: no-repeat;
    100. 		background-size: cover;
    101. 		display: flex;
    102. 	}
    103.  
    104. 	.boder {
    105. 		width: 70px;
    106. 		height: 70px;
    107. 		margin: 40px;
    108. 		border-radius: 30px;
    109. 		background-image: url('../../static/31wode.png');
    110. 		background-position: center center;
    111. 		background-repeat: no-repeat;
    112. 		background-size: cover;
    113. 	}
    114.  
    115. 	.name {
    116. 		padding: 60px 0;
    117. 		color: aliceblue;
    118. 	}
    119.  
    120. 	.tuichu {
    121. 		display: flex;
    122. 	}
    123. </style>

    登录展示

    代码 

    1.  <template>
    2.  	<view class="t-login">
    3.  		<image class="img-a" src="https://zhoukaiwen.com/img/loginImg/2.png"></image>
    4.  		<image class="img-b" src="https://zhoukaiwen.com/img/loginImg/3.png"></image>
    5.  		<view class="t-b">中通数智科技</view>
    6.  		<view class="t-b2">吉林省中通数智科技有限公司</view>
    7.  		<form class="cl">
    8.  			<view class="t-a">
    9.  				<image src="https://zhoukaiwen.com/img/loginImg/sj.png"></image>
    10.  				<view class="line"></view>
    11.  				<input placeholder="输入手机号" class="login-content_input" v-model="username" name="username" />
    12.  				<!-- <input type="number" name="username" placeholder="请输入手机号" maxlength="11" v-model="username" /> -->
    13.  			</view>
    14.  			<view class="t-a">
    15.  				<image src="https://zhoukaiwen.com/img/loginImg/yz.png"></image>
    16.  				<view class="line"></view>
    17.  				<input placeholder="请输入密码" class="login-content_input" v-model="password" :password="password" />
    18.  				<!-- <input type="number" name="code" maxlength="6" placeholder="请输入密码"  v-model="password" :password="password"  /> -->
    19.  			</view>
    20.  			<view class="rememberMe">
    21.  
    22.  
    23.  
    24.  
    25.  				<view class="rememberMe-text">记住我</view>
    26.  			</view>
    27.  
    28.  			<button @tap="dengLu()">登 录</button>
    29.  		</form>
    30.  
    31.  	</view>
    32.  </template>
    33.  
    34.  <script lang="ts">
    35. 	import { ref } from 'vue'
    36. 	export default {
    37.  
    38. 		setup() {
    39. 			const username = ref<String>('test000')
    40. 			const password = ref<String>('test123456')
    41. 			const rememberMe = ref<Boolean>(true)
    42.  
    43. 			function dengLu() {
    44. 				uni.switchTab({
    45. 					url: '/pages/home/home'
    46. 				});
    47. 			}
    48.  
    49. 			return {
    50. 				username,
    51. 				password,
    52. 				rememberMe,
    53. 				dengLu
    54. 			}
    55.  
    56. 		}
    57. 	}
    58.  </script>
    59.  
    60.  
    61.  <style scoped>
    62.  	.login-content {
    63.  		width: 100%;
    64.  		text-align: center;
    65.  		position: fixed;
    66.  	}
    67.  
    68.  	/* 标题 */
    69.  	.login-title {
    70.  		margin-top: 180px;
    71.  		font-size: 40px;
    72.  		font-weight: bold;
    73.  		margin-bottom: 50px;
    74.  
    75.  	}
    76.  
    77.  	.login-content_input {
    78.  		width: 80%;
    79.  		height: 40px;
    80.  		background: #F8F8F8;
    81.  		border-radius: 25px;
    82.  		text-align: left;
    83.  		padding: 10px;
    84.  		box-sizing: border-box;
    85.  		font-size: 15px;
    86.  		margin: 0 10%;
    87.  	}
    88.  
    89.  	/* 手机号  密码 */
    90.  	.iphone,
    91.  	.password {
    92.  		position: relative;
    93.  		margin-bottom: 60px;
    94.  
    95.  	}
    96.  
    97.  	/* 记住我 */
    98.  	.rememberMe {
    99.  		right: 15%;
    100.  		position: fixed;
    101.  		display: flex;
    102.  		margin-top: 2px;
    103.  	}
    104.  
    105.  	/* 按钮 */
    106.  	.login-btn {
    107.  		/* margin: 0 20%;
    108. 		width: 58%;
    109. 		height: 50px;
    110. 		background: #004d00;
    111. 		border-radius: 5px;
    112. 		color: #fff;
    113. 		font-size: 25px;
    114. 		text-align: center;
    115. 		line-height: 50px;
    116. 		position: fixed;
    117. 		bottom: 60px; */
    118.  		position: fixed;
    119.  		border-radius: 10px;
    120.  		top: 80%;
    121.  		left: 0;
    122.  		right: 0;
    123.  		bottom: 15%;
    124.  		margin: 0 auto;
    125.  		text-align: center;
    126.  		width: 200px;
    127.  		background-color: #006400;
    128.  		color: white;
    129.  		line-height: 34px;
    130.  		font-size: 1rem;
    131.  	}
    132.  
    133.  	.img-a {
    134.  		position: absolute;
    135.  		width: 100%;
    136.  		top: -150rpx;
    137.  		right: 0;
    138.  	}
    139.  
    140.  	.img-b {
    141.  		position: absolute;
    142.  		width: 50%;
    143.  		bottom: 0;
    144.  		left: -50rpx;
    145.  		/* margin-bottom: -200rpx; */
    146.  	}
    147.  
    148.  	.t-login {
    149.  		width: 650rpx;
    150.  		margin: 0 auto;
    151.  		font-size: 28rpx;
    152.  		color: #000;
    153.  	}
    154.  
    155.  	.t-login button {
    156.  		margin: 64px 0;
    157.  		font-size: 28rpx;
    158.  		background: #5677fc;
    159.  		color: #fff;
    160.  		height: 90rpx;
    161.  		line-height: 90rpx;
    162.  		border-radius: 50rpx;
    163.  		box-shadow: 0 5px 7px 0 rgba(86, 119, 252, 0.2);
    164.  	}
    165.  
    166.  	.t-login input {
    167.  		padding: 0 20rpx 0 120rpx;
    168.  		height: 90rpx;
    169.  		line-height: 90rpx;
    170.  		margin-bottom: 50rpx;
    171.  		background: #f8f7fc;
    172.  		border: 1px solid #e9e9e9;
    173.  		font-size: 28rpx;
    174.  		border-radius: 50rpx;
    175.  	}
    176.  
    177.  	.t-login .t-a {
    178.  		position: relative;
    179.  	}
    180.  
    181.  	.t-login .t-a image {
    182.  		width: 40rpx;
    183.  		height: 40rpx;
    184.  		position: absolute;
    185.  		left: 80rpx;
    186.  		top: 28rpx;
    187.  		/* border-right: 2rpx solid #dedede; */
    188.  		margin-right: 20rpx;
    189.  	}
    190.  
    191.  	.t-login .t-a .line {
    192.  		width: 2rpx;
    193.  		height: 40rpx;
    194.  		background-color: #dedede;
    195.  		position: absolute;
    196.  		top: 28rpx;
    197.  		left: 130rpx;
    198.  	}
    199.  
    200.  	.t-login .t-b {
    201.  		text-align: left;
    202.  		font-size: 46rpx;
    203.  		color: #000;
    204.  		padding: 300rpx 0 30rpx 0;
    205.  		font-weight: bold;
    206.  	}
    207.  
    208.  	.t-login .t-b2 {
    209.  		text-align: left;
    210.  		font-size: 32rpx;
    211.  		color: #aaaaaa;
    212.  		padding: 0rpx 0 120rpx 0;
    213.  	}
    214.  
    215.  	.t-login .t-c {
    216.  		position: absolute;
    217.  		right: 22rpx;
    218.  		top: 22rpx;
    219.  		background: #5677fc;
    220.  		color: #fff;
    221.  		font-size: 24rpx;
    222.  		border-radius: 50rpx;
    223.  		height: 50rpx;
    224.  		line-height: 50rpx;
    225.  		padding: 0 25rpx;
    226.  	}
    227.  
    228.  	.t-login .t-d {
    229.  		text-align: center;
    230.  		color: #999;
    231.  		margin: 80rpx 0;
    232.  	}
    233.  
    234.  	.t-login .t-e {
    235.  		text-align: center;
    236.  		width: 250rpx;
    237.  		margin: 80rpx auto 0;
    238.  	}
    239.  
    240.  	.t-login .t-g {
    241.  		float: left;
    242.  		width: 50%;
    243.  	}
    244.  
    245.  	.t-login .t-e image {
    246.  		width: 50rpx;
    247.  		height: 50rpx;
    248.  	}
    249.  
    250.  	.t-login .t-f {
    251.  		text-align: center;
    252.  		margin: 200rpx 0 0 0;
    253.  		color: #666;
    254.  	}
    255.  
    256.  	.t-login .t-f text {
    257.  		margin-left: 20rpx;
    258.  		color: #aaaaaa;
    259.  		font-size: 27rpx;
    260.  	}
    261.  
    262.  	.t-login .uni-input-placeholder {
    263.  		color: #000;
    264.  	}
    265.  
    266.  	.cl {
    267.  		zoom: 1;
    268.  	}
    269.  
    270.  	.cl:after {
    271.  		clear: both;
    272.  		display: block;
    273.  		visibility: hidden;
    274.  		height: 0;
    275.  		content: '\20';
    276.  	}
    277.  
    278.  	.rememberMe {
    279.  		right: 15%;
    280.  		position: fixed;
    281.  		display: flex;
    282.  	}
    283.  
    284.  	.ada {
    285.  		margin-top: 20px;
    286.  	}
    287.  
    288.  	.rememberMe-text {
    289.  		line-height: 30px;
    290.  	}
    291.  </style>

  • 相关阅读:
    什么是Vue开发技术
    Android Compose Column列表 数据更新列表不刷新的问题
    【软件测试】如何用python连接Linux服务器
    数据结构与算法之对于递归的理解
    新媒体达人投放技巧有哪些，投放总结！
    深入理解计算机网络-9IP地址和子网3
    数据结构第三部分——树和二叉树(C语言版)
    基于SSM的公司项目管理系统设计与实现
    AOP基础知识了解
    c++：蓝桥杯中的基础算法1（枚举，双指针）
  • 原文地址：https://blog.csdn.net/weixin_68266812/article/details/133748225