html--好看的手机充值单页

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>线上充值-首页</title><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" /><meta content="yes" name="apple-mobile-web-app-capable" /><meta content="black" name="apple-mobile-web-app-status-bar-style" /><meta content="telephone=no" name="format-detection" /><link href="static/css/style.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="static/js/jquery.min.js"></script></head><body><section class="aui-flexView"><header class="aui-navBar aui-navBar-fixed"><a href="denglu.html" class="aui-navBar-item"><i class="icon icon-return"></i>首页</a><div class="aui-center"><span class="aui-center-title">充值中心</span></div><a href="chongzhijilu.html" class="aui-navBar-item">充值记录</a></header><section class="aui-scrollView"><div class="aui-recharge-iphone"><div class="aui-well-bd"><p>&nbsp;默认号码</p><p><input type="text" name="" id="" value="www.zzvips.com" placeholder="请输入手机号码"></p></div><div class="aui-well-hd"><img src="static/picture/yinhangkahao.png" alt=""></div></div><div class="aui-blue-box"><div class="aui-palace aui-palace-one"><div class="aui-current-box"><a href="javascript:;" class="aui-current-item "data-ydui-actionsheet="{target:'#actionSheet',closeElement:'#cancel'}"><div class="aui-current-item-hd"><h1>50元</h1><h3>快充:50元</h3></div></a><a href="javascript:;" class="aui-current-item "data-ydui-actionsheet="{target:'#actionSheet',closeElement:'#cancel'}"><div class="aui-current-item-hd"><h1>100元</h1><h3>快充:100元</h3></div></a><a href="javascript:;" class="aui-current-item "><div class="aui-current-item-hd"><h1>200元</h1><h3>快充:200元</h3></div></a><a href="javascript:;" class="aui-current-item "><div class="aui-current-item-hd"><h1>100元</h1><h3>慢充:92元</h3></div></a><a href="javascript:;" class="aui-current-item "><div class="aui-current-item-hd"><h1>200元</h1><h3>慢充:92元</h3></div></a><a href="javascript:;" class="aui-current-item "><div class="aui-current-item-hd"><b style="color: #108ee9;">更多<br>金额</b></div></a></div></div></div><div class="aui-flex"><div class="aui-flex-box"><h1>充值记录</h1></div><div class="aui-arrow"><a href="xiaofeijilu.html"><span>全部</span></a></div></div><div class="aui-job-list"><a href="javascript:;" class="aui-flex"><div class="aui-flex-box"><h2>中国移动</h2><p>09-16 10:34</p></div><div class="aui-monthly"><h3>-10.00</h3></div></a></div><div class="aui-job-list"><a href="javascript:;" class="aui-flex"><div class="aui-flex-box"><h2>中国移动</h2><p>09-16 10:34</p></div><div class="aui-monthly"><h3>-10.00</h3></div></a></div><div class="aui-job-list"><a href="javascript:;" class="aui-flex"><div class="aui-flex-box"><hr><h2>公告:快充30分钟内到账,慢充72小时左右到账</h2></div><div class="aui-monthly"></div></a></div></section></section><div class="m-actionsheet" id="actionSheet"><div class="aui-show-box"><div class="aui-show-box-title aui-footer-flex"><div class="aui-flex b-line"><i class="icon icon-close" id="cancel"></i><div class="aui-flex-box"><h4>确认付款</h4></div></div><div class="aui-coll-share-box"><h1><i>¥10.00</i></h1></div><div class="aui-info-line"><a href="javascript:;" class="aui-flex b-line"><div class="aui-flex-box"><h5>付款方式</h5></div><div class="aui-arrow">招商银行储值卡</div></a></div><div class="aui-coll-cancel"><a href="javascript:;" id="cancel" class="">立即付款</a></div></div></div></div><script type="text/javascript" src="static/js/layer.js"></script></body>
</html>

在这里插入图片描述

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/33001.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

线程进程以及多线程多进程(超详解)

目录 前言 一、什么是进程和线程 进程 (Process) 线程 (Thread) 多线程 (Multithreading) 多进程 (Multiprocessing) 相互组合关系 二、资源分配 进程 私有资源 共享资源 线程 私有资源 共享资源 多进程 私有资源 共享资源 多线程 私有资源 共享资源 进程的…

maya模型仓鼠制作

小仓鼠建模&#xff08;6&#xff09;_哔哩哔哩_bilibili 20240623作品---个人评价&#xff1a;第一次做的&#xff0c;虽然有点丑&#xff0c;但是还能看&#xff01;希望后面有些进步

论文阅读--Efficient Hybrid Zoom using Camera Fusion on Mobile Phones

这是谷歌影像团队 2023 年发表在 Siggraph Asia 上的一篇文章&#xff0c;主要介绍的是利用多摄融合的思路进行变焦。 单反相机因为卓越的硬件性能&#xff0c;可以非常方便的实现光学变焦。不过目前的智能手机&#xff0c;受制于物理空间的限制&#xff0c;还不能做到像单反一…

线程封装,互斥

文章目录 线程封装线程互斥加锁、解锁认识接口解决问题理解锁 线程封装 C/C代码混编引起的问题 此处pthread_create函数要求传入参数为void * func(void * )类型,按理来说ThreadRoutine满足,但是 这是在内类完成封装,所以ThreadRoutine函数实际是两个参数,第一个参数Thread* …

【建设方案】大数据湖一体化建设方案(ppt原件)

1、背景&#xff1a;大数据湖的发展背景与建设理念 2、体系&#xff1a;大数据湖体系规划与建设思路 3、生态圈&#xff1a;探索新兴业务入湖建设模式 4、共享&#xff1a;大数据湖统一访问共享规划 5、运营&#xff1a;大数据湖一体化运营管理建设 &#xff08;本方案及更多方…

Kafka~基础原理与架构了解

Kafka是什么 Kafka我们了解一直认为是一个消息队列&#xff0c;但是其设计初&#xff0c;是一个&#xff1a;分布式流式处理平台。流平台具有三个关键功能&#xff1a; 消息队列&#xff1a;发布和订阅消息流&#xff0c;这个功能类似于消息队列&#xff0c;这也是 Kafka 也被…

Comfyui-ChatTTS-OpenVoice 为ComfyUI添加语音合成、语音克隆功能

‍‍ 生成多人播客&#xff1a; Comfyui-ChatTTS是一个开源的GitHub项目&#xff0c;致力于为ComfyUI添加语音合成功能。该项目提供了一系列功能强大的节点和模型&#xff0c;支持用户创建和复用音色&#xff0c;支持多人对话模式的生成&#xff0c;并提供了导出音频字幕文件的…

Java中的网络安全与防护技巧

Java中的网络安全与防护技巧 大家好&#xff0c;我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01;今天我们将深入探讨在Java应用程序中如何有效地保护网络安全&#xff0c;防范各种安…

“Jedis与Redis整合指南:实现高效的Java应用与Redis交互“

目录 #. 概念 1. 导入jedis依赖 2. 写一个类&#xff08;ping通redis&#xff09; 3. String字符串使用 3.1 set&#xff0c;get方法使用&#xff08;设值&#xff0c;取值&#xff09; 3.2 mset&#xff0c;mget方法使用&#xff08;设置多个值&#xff0c;取多个值&…

怎么在vscode里运行一个cpp文件

文章目录 1.需要下载g编译器&#xff0c;或clang&#xff08;快&#xff0c;但是优化效果没有g好&#xff09;2.新建文件夹和cpp文件&#xff08;tasks.json&#xff09;3.怎么在vscode里调试(launch.json)4.怎么设置让中断输出的字符是中文&#xff01;5.飞机大战 1.需要下载g…

Linux-笔记 线程同步机制

目录 前言 实现 信号量&#xff08;Semaphore&#xff09; 计数型信号量 二值信号量 信号量的原语操作 无名信号量的操作函数 例子 互斥锁&#xff08;mutex&#xff09; 互斥锁的操作函数 例子 自旋锁 &#xff08;Spinlock&#xff09; 自旋锁与互斥锁的区别 自…

mysql 查询的一般思路

能用单表优先用单表&#xff0c;即便是需要用group by、order by、limit等&#xff0c;效率一般也比多表高 不能用单表时优先用连接&#xff0c;连接是SQL中非常强大的用法&#xff0c;小表驱动大表建立合适索引合理运用连接条件&#xff0c;基本上连接可以解决绝大部分问题。…

iis下asp.netcore后台定时任务会取消

问题 使用BackgroundService或者IHostedService做后台定时任务的时候部署到iis会出现不定时定时任务取消的问题&#xff0c;原因是iis会定时的关闭网站 解决 应用程序池修改为AlwaysRunning 修改web.config <?xml version"1.0" encoding"utf-8"?…

RedisTemplate方法一览表

数据类型RedisTemplate 方法Redis命令解释应用场景stringopsForValue().set(key, value)SET设置存储在指定 key 下的值存储简单数据&#xff0c;如用户的设置、配置项opsForValue().get(key)GET获取存储在指定 key 下的值读取存储的数据&#xff0c;如用户信息、配置参数opsFor…

Android studio登录Google账号超时的解决方法

确保自己已经打开了代理&#xff08;科学上网&#xff09;在设置-外观与行为-系统设置-HTTP代理 中打开“自动检测代理设置”&#xff1a; 再次重新尝试登录Google账号&#xff0c;登陆成功&#xff01; 学术会议征稿 想要了解国内主办的覆盖学科最全最广的学术会议&#xff0c…

javafx例子笔记

文章目录 创建过程javafx独立版报错 Exception in thread "WindowsNativeRunloopThread" java.lang.NoSuchMethodError: <init> javafx是java gui工具。 一般会转换为exe&#xff0c;成为可交互的应用。 那么来个简单的例子吧。 先说明一点&#xff0c;javafx不…

代码-功能-python-爬取博客网标题作者发布时间

环境&#xff1a; python 3.8 代码&#xff1a; # 爬取博客园内容 # https://www.cnblogs.com/import re from lxml import etree import requests import json import threading from queue import Queue import pymysql import timeclass HeiMa:def __init__(self):# 请…

k8s 部署 ruoyi 前后端分离项目

本文视频版 https://www.bilibili.com/video/BV17ugkePEeN 参考 https://blog.csdn.net/qq_50247813/article/details/136934090 https://gitee.com/nasaa/RuoYi-Vue-cloud https://www.itsgeekhead.com/tuts/kubernetes-129-ubuntu-22-04-3/ https://kubernetes.io/docs/se…

【漏洞复现】畅捷通T+ keyEdit.aspx SQL漏洞

0x01 产品简介 畅捷通 T 是一款灵动&#xff0c;智慧&#xff0c;时尚的基于互联网时代开发的管理软件&#xff0c;主要针对中小型工贸与商贸企业&#xff0c;尤其适合有异地多组织机构(多工厂&#xff0c;多仓库&#xff0c;多办事处&#xff0c;多经销商)的企业&#xff0c;…

VB.NET 取当前项目根命名空间

VB.NET 取当前项目根命名空间 在VB.NET中&#xff0c;可以使用反射来获取当前程序集的入口点类型&#xff08;通常是模块或者主类&#xff09;&#xff0c;然后从这个类型的Assembly信息中获取定义它的程序集的根命名空间。以下是一个获取当前项目根命名空间的方法示例&#x…