小程序f2自定义html,微信小程序个人产品添加上传样式设计制作开发教程(2)
html{
background: #f4f4f4
}
radio-group {
display:inline-block;
}
.classname {
width: 100%;
text-align: center;
padding-bottom: 100rpx;
}
.jj{
font-size: 30rpx;
padding-top: 20rpx;
font-family: "微软雅黑", "黑体";
margin:0 auto;
width: 232rpx;
border-bottom: 1px #d9002f solid;
}
.xing {
font-family:"微软雅黑", "黑体";
height:54rpx;
width:579rpx;
border-radius:10rpx;
background:#fff;
margin:0 auto;
text-align:left;
line-height:54rpx;
font-size:28rpx;
padding:10rpx;
margin-top:38rpx;
padding-left:30rpx;
}
.xi {
font-family:"微软雅黑", "黑体";
height:500rpx;
width:579rpx;
border-radius:10rpx;
background:#fff;
margin:0 auto;
text-align:left;
line-height:54rpx;
font-size:28rpx;
padding:10rpx;
margin-top:38rpx;
padding-left:30rpx;
}
.placeholder {
color:#ccc;
font-size: 26rpx;
}
.in {
float: right;
width: 75%;
padding-top: 0rpx;
font-size: 28rpx;
color: #000;
}
.i{
float: right;
width:72%;
height: 100%;
padding-top: 12rpx;
font-size: 28rpx;
color: #000;
}
textarea{
height: 100px;
}
.addbrand{
font-family:"微软雅黑", "黑体";
width:64rpx;
height:81rpx;
line-height:40rpx;
background:#d9002f;
border-radius:11rpx;
color:white;
font-size:26rpx;
float:right;
position: fixed;
top:50%;
right: 0;
}
.t{
font-family: "微软雅黑", "黑体";
width: 20%;
height: 60rpx;
margin-left: 57rpx;
padding: 5rpx;
line-height: 60rpx;
margin-top: 40rpx;
font-size: 28rpx;
display: inline-block;
border: 1px solid #ccc;
float: left;
}
.ii{
margin-top:40rpx;
font-size:28rpx;
line-height:44rpx;
width:57%;
display:inline-block;
}
.png{
width: 100%;
height: 200rpx;
}
.png image{
width: 200rpx;
height: 200rpx;
margin: 20rpx 10rpx;
}
.ti {
font-family: "微软雅黑", "黑体";
width: 30%;
height: 60rpx;
background: #fff;
border: 1px solid #f4f4f4;
border-radius: 10rpx;
margin: 0 auto;
padding: 5rpx;
line-height: 60rpx;
margin-top: 60rpx;
font-size: 28rpx;
}
.image {
width:200rpx;
height:200rpx;
margin:10rpx 10rpx;
}
.page-body-info {
width: 100%;
height: 200rpx;
}
.image-plus {
width: 100%;
height: 100%;
/*border: 2rpx solid #D9D9D9;*/
position: relative;
}
.kk{
width:200rpx;
height:200rpx;
margin:20rpx 10rpx;
}
.su{
width:53%;
color:#000;
height:69rpx;
line-height:69rpx;
margin-top:108rpx;
font-size:30rpx;
font-family: "微软雅黑", "黑体";
clear: fix;
}
.submit{
width: 100%;
overflow: hidden;
}
button[type="primary"] {
color:#000;
background-color:#fff;
}
.app{
width: 202px;
height:45px;
margin: 0 auto;
display: block;
}
.container{
background: #f0f0f2;
padding: 0 0;
}
/*图片预览区*/
.imgarr{
width:250rpx;
height: 250rpx;
float:left;
}
小程序f2自定义html,微信小程序个人产品添加上传样式设计制作开发教程(2)相关推荐
- 待付款已收货订单php,微信小程序待付款收货订单列表页样式设计制作开发教程(3)...
var wxpay = require('../../utils/pay.js') var app = getApp() Page({ data:{ statusType: ["待付款&qu ...
- 微信小程序之自定义组件(微信小程序完结)
微信小程序 自定义组件 类似vue或者react中的自定义组件, 小程序允许我们使用自定义组件的方式来构建页面. 1.1 创建自定义组件 类似于页面,一个自定义组件由 json, wxml, wxss ...
- 用户协议html代码,微信小程序同意用户协议确认投稿页面设计制作开发教程
{{bookInfo.title}} 作 者 : {{bookInfo.author}} 感谢上传的图书和题目,参与我们的书城建设. 加入图书分类小组,搜索QQ群123456 加入出题小组,搜索QQ群 ...
- Wuss Weapp一款高质量,组件齐全,高自定义的微信小程序 UI 组件库
Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 https://phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组 ...
- Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库
Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 https://phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组 ...
- 微信小程序-从相册获取图片,视频 使用相机拍照,录像上传+服务器(nodejs版)接收
在本文 微信小程序-从相册获取图片 使用相机拍照 本地图片上传之前需要看看 微信小程序-获取用户session_key,openid,unionid - 后端为nodejs 代码封装是在上文添加的. ...
- 微信小程录制视频上传服务器,微信小程序-从相册获取图片,视频使用相机拍照,录像上传+服务器nodejs版接收-微信小程序视频上传功能-微信小程序视频上传...
在本文微信小程序-从相册获取图片使用相机拍照本地图片上传之前需要看看微信小程序-获取用户session_key,openid,unionid-后端为nodejs代码封装是在上文添加的.本文知识点:1. ...
- 从0开发《工程测绘大师》小程序之什么是微信小程序篇(一)
我们今天来讲讲如何从0开发<工程测绘大师>小程序之什么是微信小程序篇.先来说说什么是微信小程序,什么是微信小程序?为什么会有微信小程序诞生?它到底解决了什么痛点?与传统的网页开发和APP相 ...
- IT忍者神龟之小程序最全的微信小程序项目实例
想玩玩微信小程序的,可以下载个下面的一些demo看一看.(demo下载后,导入到"微信web开发者工具"便可以运行了,顺便把官方微信开发工具下载地址贴一下:下载 · 小程序)注:现 ...
最新文章
- PHP经验总结(一)序言
- 三种去重方式——HashSet、Redis去重、布隆过滤器(BloomFilter)
- 23种设计模式C++源码与UML实现--组合模式
- php中文歌词,将酷狗krc歌词解析并转换为lrc歌词php源码
- hadoop学习4 调测错误备案
- mongodb查询内嵌文档
- 8位二进制补码表示整数的最小值是什么,最大值是什么
- php mysqli的乱码设置
- 一个搜索迷宫出路的程序
- 各种免费在线工具收集
- hadoop+lucene+web 综合小demo
- linux内核之同步
- inquirer:命令行中与用户进行交互的js库
- OTSU 获取最佳阈值,及opencv二值化
- 通俗易懂的 k-means 聚类算法原理及优化(附代码)
- 哎 !互联网又偷偷进行了裁员
- UE4中实现鼠标单选空间中的模型、Ctrl键多选、空间打点框选功能。
- MySql Undo日志 - 对聚簇索引进行CUD操作
- 【HTML】网页开发的一些单词(关键词),新手必备。
- 大数据为我们的生活带来了什么?
热门文章
- 6、日期格式化(DateFormat类和SimpleDateFormat类)
- 第 2 章:初出茅庐【初级篇 - 2.2 贪心算法】
- OpenCV3.0中的离散傅里叶变换
- Spring获取属性配置
- 基于Spring+SpringMVC+Mybatis的分布式敏捷开发系统架构(附源码)
- 不知怎么优化MySQL?先搞懂原理再说吧!
- tomcat基本使用,就是这么简单
- 【KVM系列03】KVM的I/O 全虚拟化和准虚拟化
- 【JavaSE04】Java中循环语句for,while,do···while
- vs2017c语言程序添加图标,笔试编程必备技巧——Visual Studio 2017添加自定义代码片段...