uniapp功能篇-3.样式初始化与常用样式缩写汇总

最新推荐文章于 2023-11-30 18:48:02 发布
最新推荐文章于 2023-11-30 18:48:02 发布
阅读量2k 收藏 1
点赞数 1
分类专栏： Uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/r657225738/article/details/113943222
版权 
介绍: 用于基础样式初始化,可根据项目需求自行修改

目录

1.样式初始化

/*css reset*/
input,textarea,select{ 
    font-family:arial;
    font-family:inherit;
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{
    margin:0;
}
h1,h2,h3,h4,h5,h6,input,select,textarea {
    font-size: 100%
}
ul,ol{
    padding-left:0; 
    list-style-type:none;
}
/*image with no-border*/
a img{border:0;}
img{border:0;display: inline-block;}

/* ---------------------single CSS----------------------- */
/* display */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;}
/* height */
.hit10{height: 10%;}
.hit5{height: 10rpx;}
.hit55{height: 110rpx;}
.hit20{height: 20%;}
.hit30{height: 30%;}
.hit40{height: 40%;}
.hit40{height: 40%;}
.hit50{height: 100rpx;}
.hit60{height: 60%;}
.hit70{height: 70%;}
.hit90{height: 80%;}
.hit90{height: 90%;}
.hit100{height: 100%;}
/* width */
/* fixed width value */
 
/* font-size */
.f20{font-size: 40rpx;}

/* percent width value */

.pct4{width:4%;}
.pct6{width:6%;}
.pct8{width:8%;}
.pct9{width:9%;}
.pct11{width:11%;}
.pct10{width:10%;}
.pct11{width:11%;}
.pct12{width:12%;}
.pct13{width:13%;}
.pct15{width:15%;}
.pct16{width: 16%;}
.pct18{width: 18%;}
.pct20{width:20%;}
.pct22{width: 22%;}
.pct25{width:25%;}
.pct30{width:30%;}
.pct33{width:33.3%;}
.pct35{width: 35%;}
.pct37{width: 37%;}
.pct40{width:40%;}
.pct42{width:42%;}
.pct45{width: 45%;}
.pct48{width: 48%;}
.pct49{width: 49%;}
.pct50{width:50%;}
.pct55{width:55%;}
.pct60{width:60%;}
.pct65{width:65%;}
.pct66{width:66.6%;}
.pct68{width:68%;}
.pct70{width:70%;}
.pct75{width:75%;}
.pct80{width:80%;}
.pct85{width: 85%;}
.pct86{width: 86%;}
.pct90{width:90%;}
.pct95{width:95%;}
.pct100{width:100%;}
/* line-height */
.lh0{line-height:0;}
.lh22{line-height:45rpx;}
.lh32{line-height:64rpx;}


/* rowLine */
.rowLine{border-left: 1rpx solid rgba(0,0,0,0.15);margin-left: 14rpx;margin-right: 14rpx;height: 30rpx;}

/* padding */

.p5{padding: 10rpx;}
.p7{padding: 14rpx;}
.p10{padding: 20rpx;}
.p15{padding: 30rpx;}
.p20{padding: 40rpx;}

.pl10{padding-left: 20rpx;}
.pl13{padding-left: 26rpx;}
.pl20{padding-left: 40rpx;}
.pt5{padding-top: 5px;}
.pt9{padding-top: 18rpx;}
.pb9{padding-bottom: 18rpx;}
.pt10{padding-top: 20rpx;}
.pt25{padding-top: 50rpx;}
.pt30{padding-top: 60rpx;}
.pb0{padding-bottom: 0px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 20rpx;}
.pb20{padding-bottom: 40rpx;}
.pb25{padding-bottom: 50rpx;}
/* margin */
.m5{margin: 10rpx;}

.mt5{margin-top: 10rpx;}
.mt8{margin-top: 16rpx;}
.mt9{margin-top: 18rpx;}
.mt10{margin-top: 20rpx;}
.mr3{margin-right: 6rpx;}
.mr20{margin-right: 40rpx;}
.mr10{margin-right: 20rpx;}
.mr5{margin-right: 10rpx;}
.mr7{margin-right: 14rpx;}
.mb15{margin-bottom: 30rpx;}
.mt20{margin-top: 40rpx;}
.mt25{margin-top: 50rpx;}
.mt30{margin-top: 60rpx;}
.ml20{margin-left: 40rpx;}
.ml1{margin-left: 2rpx;}
.ml2{margin-left: 4rpx;}
.ml5{margin-left: 10rpx;}
.ml10{margin-left: 20rpx;}
.ml15{margin-left: 30rpx;}
.ml8{margin-left: 16rpx;}

/* font-weight */
.b{font-weight: bold;}

/* border */
.borB6E{border-bottom:2rpx solid #E6E6E6;}

/* border-raduis */
.bor6{border-radius: 12rpx; }
	
.bdc{border:1px solid #ccc;}
.blc{border-left:1px solid #ccc;}
.brc{border-right:1px solid #ccc;}
.btc{border-top:1px solid #ccc;}
.bbc{border-bottom:1px solid #ccc;}
.bdd{border:1px solid #ddd;}
.bld{border-left:1px solid #ddd;}
.brd{border-right:1px solid #ddd;}
.btd{border-top:1px solid #ddd;}
.bbd{border-bottom:1px solid #ddd;}
.bbtd{border-bottom:1px solid #ddd;}
.bde{border:1px solid #eee;}
.bdc{border:1rpx solid #ccc}
.ble{border-left:1px solid #eee;}
.bre{border-right:1px solid #eee;}
.bte{border-top:1px solid #eee;}
.bbe{border-bottom:1px solid #eee;}
.bbe0{border-bottom:1px solid #e0e0e0;}
.bb0{border-bottom:1px solid #000;}
.brb{border-top:1rpx solid #34a1ff;}
.btb{border-top:1rpx solid #34a1ff;}
.bbb{border-bottom:1rpx solid #34a1ff;}
.bgb{border-bottom: 1rpx solid #EBEBEB;}
.btec{border-top:1rpx solid #ececec}
.blec{border-left:1rpx solid #ececec}
/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh{background-color:#fff;}
.bgfb{background-color:#fbfbfb;}
.bgf5{background-color:#f5f5f5;}
.bgf0{background-color:#f0f0f0;}
.bgeb{background-color:#ebebeb;}
.bge0{background-color:#e0e0e0;}
.bgee{background-color:#eeeeee;}
.bg34{background-color:#34a1ff;}
.bg
/* safe color */
.g0{color:#000;}
.g3{color:#333;}
.g6{color:#666;}
.g9{color:#999;}
.gc{color:#ccc;}
.wh{color:white;}
.gda{color:#dadada;}
.gr{color: rgba(255, 0, 0, 0.6);}
.gr2{color: rgba(153, 0, 51, 0.6);}
.mgrt{color: rgba(76, 141, 252, 0.8);}
.grn{color:rgba(0, 153, 0, 0.8);}
.go{color:#F7975E;}
.gb{color: #4C8DFC;}
.g28{color: #282828;}
.g9a{color: #9A9A9A;}
.g67{color: #676767;}
.g08{color: #08CB93;}
.gf6{color:#F69416;}

/* font-style */
.n{font-weight:normal; font-style:normal; white-space: normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}
/* text-decoration */
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}
/* letter-spacing */
.lt-1{letter-spacing:-1px;}
.lt0{letter-spacing:0;}
.lt1{letter-spacing:1px;}
/* white-space */
.nowrap{white-space:nowrap;}
/* word-wrap */
.bk{word-wrap:break-word;}
.bkall{word-break:break-all;word-wrap:break-word;}
/* vertical-align */
.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.vsb{vertical-align: sub;}
.v-1{vertical-align:-1px;}
.v-2{vertical-align:-2px;}
.v-3{vertical-align:-3px;}
.v-4{vertical-align:-4px;}
.v-5{vertical-align:-5px;}
.v-10{vertical-align: -10px;}
/* float */
.l{float:left;}
.r{float:right;}
/* clear */
.cl{clear:both;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
.fixed{position:fixed;}
/*z-index*/
.zx1{z-index:1;}
.zx2{z-index:2;}
.zx100{z-index: 100;}
.zx1000{z-index:1000;}
/* cursor */
.poi{cursor:pointer;}
.def{cursor:default;}
/* overflow */
.ovh{overflow:hidden;}
.ova{overflow:auto;}
/* visibility */
.vh{visibility:hidden;}
.vv{visibility:visible;}
/* opacity */
.opa0{opacity:0; filter:alpha(opacity=0);}




/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 清除浮动*/
.fix{zoom:1;}
.fix:after{display:table; content:''; clear:both;}
/* 双栏自适应cell部分连续英文字符换行 */
.cell2{overflow:hidden; _display:inline-block;}
/* 单行文字溢出虚点显 示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* css3过渡动画效果 */
.trans{
	-webkit-transition:all .15s;	
	        transition:all .15s;
}
/* 大小不定元素垂直居中 */
.dib_vm{display:inline-block; width:0; height:100%; vertical-align:middle;}
/* 无框文本框文本域 */
.bd_none{border:0; outline:none;}


/*flex*/
.df{display:flex;}
.f1{flex: 1;}
.fdr{flex-direction: row;}
.fjf{justify-content: flex-start;}
.fjl{justify-content: left;}
.fje{justify-content: flex-end;}
.fjc{justify-content: center;}
.fja{justify-content:space-around;}
.fab{align-items: baseline;}
.fjs{justify-content:space-between;}
.ffw{flex-wrap:nowrap;}
.fdc{flex-direction: column;}
.fcc{display: flex; align-items: center;justify-content: center;}
.fcl{display: flex; align-items: center;justify-content: left;}
.fww{flex-wrap: wrap;}
.lc{display: flex;justify-content: flex-start;align-items: center;}
.rc{display: flex;justify-content: flex-end;align-items: center;}
.fcb{display: flex;flex-direction: column;align-items: baseline;justify-content:center}
.flc{display: flex;align-items: left;justify-content: center;}
.frc{display: flex;align-items: right;justify-content: center;}

/*txtbox*/
.bor1{height: 90%;width:40rpx;background-color: rgb(76, 141, 252, 0.0980392156862745);}
.bor2{height: 98%;width:40rpx;background-color: rgb(0, 153, 0, 0.149019607843137);}
.bor3{height: 50rpx;width:55%;background-color: rgb(76,141,252,1);border:1px solid rgb(76,141,252,1); border-radius:10rpx;}
.bor3g{background-color: #ccc;border: 1px solid #ccc;}
.ytab { position: fixed; height: 55rpx;top: 92.1%; background-color: white;color: rgba(214, 91, 51, 1);}
.bod {height: 40rpx;background-color: rgba(247, 151, 94, 1);border-radius: 8rpx;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; color: #FFFFFF;}
.bod text{padding: 20rpx;}
.bop{ border-width: 0px;height: 40rpx;background: inherit;background-color: rgba(255, 255, 255, 1);box-sizing: border-box;border-width: 2rpx; border-style: solid; border-color: rgba(76, 141, 252, 1);border-radius: 8rpx;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;color: #4C8DFC;}
.bop text{padding:20rpx}
.ggbtn {width: 168rpx;height: 56rpx;border-radius: 8rpx; background-color: rgba(204, 204, 204, 1);color: #4C8DFC;}
.bwbtn {width: 168rpx;height: 56rpx; border-radius: 8rpx;background-color: rgba(76, 141, 252, 1);color: #FFFFFF;}
.agree {position: fixed;height: 100rpx;bottom: 0; border-top: solid 1rpx #EBEBEB; background-color: #FFFFFF;text-align: center;}
.bom{border-width: 0px;width: 130rpx;height: 50rpx;background: inherit;background-color: rgba(76, 141, 252, 0.498039215686275);border: none;border-radius: 3px;-moz-box-shadow: none;-webkit-box-shadow: none; box-shadow: none;font-family: 'PingFangSC-Regular', 'PingFang SC';font-weight: 400;font-style: normal;color: #FFFFFF;}
/*circular*/
.circular {width: 36rpx;height: 36rpx;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.gcircular{border: solid 1rpx rgba(0, 153, 0, 0.8)}
.bcircular{border: solid 1rpx rgba(221,221,221,1);}
.mouseOver {border-width:0px;background:inherit;background-color:rgba(255, 255, 255, 1);border:none; border-radius:0px;box-shadow:0px 0px 5px rgba(76, 141, 252, 0.498039215686275);}

2.自定义样式

.f12{font-size: 24rpx;}
.f14{font-size: 28rpx;}
.f16{font-size: 32rpx;}
.f18{font-size: 36rpx;}
.f22{font-size: 44rpx;}

.pl5{padding-left: 10rpx;}
.pl10{padding-left: 20rpx;}
.pt12{padding-top: 24rpx;}
.pt15{padding-top: 30rpx;}


.pr5{padding-right: 10rpx;}
.pr10{padding-right: 20rpx;}
.pr15{padding-right: 30rpx;}
.pr30{padding-right: 60rpx;}

.pb5{padding-bottom: 10rpx;}
.pb10{padding-bottom: 20rpx;}
.pb12{padding-bottom: 24rpx;}
.pb15{padding-bottom: 30rpx;}
.pb30{padding-bottom: 60rpx;}

.pt20{padding-top: 40rpx;}
.pl15{padding-left: 30rpx;}
.pl30{padding-left: 60rpx;}

.ml2{margin-left: 4rpx;}
.ml5{margin-left: 10rpx;}
.ml10{margin-left: 20rpx;}
.ml15{margin-left: 30rpx;}
.ml40{margin-left: 80rpx;}

.mr5{margin-right: 10rpx;}
.mr8{margin-right: 16rpx;}
.mr10{margin-right: 20rpx;}
.mr15{margin-right: 30rpx;}


.mb5{margin-bottom: 10rpx;}
.mb10{margin-bottom: 20rpx;}
.mb15{margin-bottom: 30rpx;}
.mb50{margin-bottom: 100rpx;}
.mb70{margin-bottom: 140rpx;}
.mb75{margin-bottom: 150rpx;}
.mt2{margin-top: 4rpx;}
.mt6{margin-top: 12rpx;}
.mt12{margin-top: 24rpx;}
.mt15{margin-top: 30rpx;}
.mt16{margin-top: 32rpx;}
.mt25{margin-top: 50rpx;}
.mt40{margin-top: 80rpx;}
.mt60{margin-top: 120rpx;}

/* color */
.blue{color: #1365E8;}
.red{color:#FF6B6B}
.g9a{color: #9A9A9A;}
.g28{color:#282828;}
.g67{color:#676767;}
.gad{color:#ADADAD;}
.g80{color:#808080}
.gcc{color: #CCCCCC;}

/* boder*/
.bdc{border:1px solid #ccc;}
.blc{border-left:1px solid #ccc;}
.brc{border-right:1px solid #ccc;}
.btc{border-top:1px solid #ccc;}
.bbc{border-bottom:1px solid #ccc;}
.bdd{border:1px solid #ddd;}
.bld{border-left:1px solid #ddd;}
.brd{border-right:1px solid #ddd;}
.btd{border-top:1px solid #ddd;}
.bbd{border-bottom:1px solid #ddd;}
.bde{border:1px solid #eee;}
.ble{border-left:1px solid #eee;}
.bre{border-right:1px solid #eee;}
.bte{border-top:1px solid #eee;}
.bbe{border-bottom:1px solid #eee;}
.bbe6{border-bottom: 1px solid #e6e6e6;}
.bre6{border-right: 1px solid #E6E6E6;}
.bte6{border-top: 1px solid #E6E6E6;}
.btll{border-top-left-radius:30rpx}
.btlr{border-top-right-radius:30rpx}
/* background */
.bgwh{background-color:#fff;}
.bgfb{background-color:#fbfbfb;}
.bgf5{background-color:#f5f5f5;}
.bgf0{background-color:#f0f0f0;}
.bgeb{background-color:#ebebeb;}
.bge0{background-color:#e0e0e0;}

/* vertical-align */
.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.v-1{vertical-align:-1px;}
.v-2{vertical-align:-2px;}
.v-3{vertical-align:-3px;}
.v-4{vertical-align:-4px;}
.v-5{vertical-align:-5px;}
/* float */
.l{float:left;}
.r{float:right;} 
/* clear */
.cl{clear:both;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
/* font-style */
.n{font-weight:normal; font-style:normal; white-space: normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}

.clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ovh{overflow:hidden;}

.rowLine{background: rgba(0,0,0,0.15);width: 1px;margin-left: 14rpx;margin-right: 14rpx;height: 30rpx;}

.cu-tag.g80{background-color: #fff;	border: 1px solid #E6E6E6;}
.ui-card {background: #FFFFFF;box-shadow: 0 10rpx 40rpx 0 rgba(0, 0, 0, 0.05);border-radius: 12rpx;}


.ui-tab{width: 100%;background: #ffff;padding: 30rpx 60rpx;position: fixed;top: 0;z-index: 9;}
.ui-tab-cont{display: flex;width: 100%;border: 1px solid #1365E8;border-radius: 8rpx;height: 60rpx;line-height: 54rpx;}
.ui-tab-list {flex: 1;color: #1365E8;text-align: center;font-size: 28rpx;	/* transition: color 0.5s; */position: relative;	}
.ui-tab-list+.ui-tab-list{border-left: 1px solid #1365E8;}
.ui-tab-list.on {color: #fff;background: #1365E8;}

.ui_blue-button{padding: 16rpx 46rpx;border: 1rpx solid #1365e8; color: #1365E8;font-size: 28rpx;border-radius: 8px;}

.b-shadow{box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);}
.text-blue-zg{color: #0190FE;}
.text-line-camp{text-overflow: -o-ellipsis-lastline;
		     overflow: hidden;
		     text-overflow: ellipsis;
		     display: -webkit-box;
		     -webkit-line-clamp: 2;
		     line-clamp: 2;
		     -webkit-box-orient: vertical;}
情系半生e
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
uni-app初始化配置
li_yan_的博客
03-04 6803
一、manifest.json 1、manifest.json文件是应用的配置文件，用于指定应用的名称、图标、权限等 2、打开manifest.json，选择微信小程序配置，勾选前三项 3、如果要校验安全域名，则勾选第四项检查安全域名和TLS版本，在微信小程序上会自动不勾选不校验安全域名和TLS版本 二、App.vue 1、应用配置，用来配置App全局样式以及监听应用的生命周期 2、可以写公...
uni-app引用外部css,在vue/uni-app中引入外部的css文件
weixin_39616379的博客
08-03 9496
一、在vue中引入外部的css文件在项目的src文件下，新建一个style文件夹，存放css文件1. 全局引入将外部的css文件放到style文件下，引入外部文件只需在main.js文件中```import './style/reset.css'```我引入的是清除默认样式的css文件2. 局部引入```@import '../assets/iconfont/iconfont.css';这个分号一...
【uni-app教程】二、UniAPP 初始化相关配置
我有满天星辰的博客
03-02 4391
快速上手。
使用uniapp初始化项目所需要的配置
qq_30405009的博客
05-10 439
插件的才能生效uniapp新建项目在官方文档里面已经介绍的很详细了，这里我就介绍一下我最近新建项目中用的配置文件。
uni-app项目初始化保姆级教程 包括前期准备环境配置
最新发布
m0_53156934的博客
11-30 854
打开HBuilderX，项目中的manifest.json文件/微信小程序配置，输入微信小程序ID。如果有安装过andorid studio可以使用里面默认的移动端模拟器。点击App.vue，点击上栏运行按钮，找到’微信开发者工具‘开始编译。点击App.vue，点击上栏运行按钮，找到’Chorme运行’接下来点击运行-运行到Andriod App基座，再重新运行。在浏览器中打开F12调试，点击属性小图标，选择机型。工具-设置-运行配置-微信开发者工具路径。找到‘工具’-‘插件安装’点击’前往插件市场安装‘
uniapp项目创建后的基本配置
Schema
02-23 1561
uniapp创建之后的基本配置，包括全局样式，自定义全局样式，官方样式，以及代码风格自动格式化标准配置，以及gitignore基本配置
uniapp editor富文本 quill.min.js image-resize.min.js
08-18
4. 初始化编辑器：在JavaScript代码中使用Quill构造函数创建编辑器实例，并配置需要的模块和样式。 5. 集成image-resize：通过Quill的自定义模块机制，将image-resize.min.js的功能集成进编辑器，处理图片上传和尺寸...
uniapp-layout-1.ecm.mp4.rar
05-16
【标题】"uniapp-layout-1.ecm.mp4.rar" 提供的是一个关于uni-app开发的视频教程资源，其中包含了实际的项目布局演示。uni-app是一个跨平台的前端框架，它允许开发者用Vue.js语法编写一次代码，然后可以运行在包括...
uniapp-mpvue-citypicker.rar
04-25
在样式方面，uni-app支持CSS3和wxss，我们可以对citypicker组件进行高度定制，包括颜色、字体大小、边框样式等，使其与应用的整体风格保持一致。同时，uni-app还提供了Flex布局和Grid布局，使得我们可以轻松地调整...
计算机前端-实战.aravel框架3-10.项目初始化的步骤.wmv
06-06
计算机前端-实战.aravel框架3-10.项目初始化的步骤.wmv
uni-app 开发的微信小程序-小兔鲜儿电商项目-uniapp-shop-vue3-ts.zip
11-04
【标题】"uni-app开发的微信小程序-小兔鲜儿电商项目-uniapp-shop-vue3-ts" 是一个基于uni-app框架构建的电商应用实例，主要用于展示如何利用uni-app技术栈来开发微信小程序。uni-app是一个多端开发框架，允许开发者...
分享自己在uniapp开发中用的css样式
小虎哥的技术博客
10-28 1605
分享自己在uniapp开发中用的css样式和布局
uni-app项目（一）-初始化uni-app项目_下载 HBuilderX_新建 uni-app 项目_把项目运行到微信开发者工具_使用 git 管理项目
qq_45811054的博客
03-30 1269
ui-app项目（一）-初始化uni-app项目_下载 HBuilderX_新建 uni-app 项目_把项目运行到微信开发者工具_使用 git 管理项目
修改uniapp组件默认样式
c_qianxia5040的博客
01-27 5054
最近使用uniapp开发，有些组件渲染之后会生成一些标签，需要修改生成标签的样式。比如 <uni-data-picker > 等组件，自定义类名还是加重权限均无法覆盖原有样式，解决办法如下： style标签上加scoped，同时类名前加/deep/ 穿透，即可覆盖原有样式 /deep/ .input-value-border{ border: none; } ...
uni-app 项目初始化
繁依Fanyi的博客
02-09 5059
文章目录1. 创建 uni-app 项目1. 打开 HBuilder 软件2. 依次点击 文件 → 新建 → 项目3. 点击 uni-app，并输入 项目名称，项目位置等信息并单击创建即可。4. 在项目栏中点击项目名2. 初始化uniCloud云开发环境1. 创建 uniCloud 云开发环境2. 创建并关联云服务空间1. 右击项目中的 uniCloud，点击关联云服务空间或项目2. 创建服务空间1. 点击 新建2. 填写 服务空间，并点击创建3. 关联云服务空间4. 右键 database，创建 d
uniApp入门
m0_52704461的博客
11-11 1753
uniapp学习
H5 CSS3公司移动站界面.三天从零实战
06-01
学会企业站移动站的设计，从0实战开始制作一个公司的移动站点，包含公司的首页、产品页面、资讯列表、关于我们、留言等界面的演示可以看第一节视频的课程演示
uni-app 修改组件默认样式
热门推荐
以后永远的博客
06-01 1万+
修改 uni-app 组件默认样式 转载做下记录 切记类似于微信原生的，颜色不能修改有平台差异性。 最近刚开始使用uniapp开发，有些组件渲染之后会生成一些标签，我需要修改生成标签的样式。 直接写： <style scoped> .uni-combox__input { font-size: 14px; } </style> 无效，字号还是组件默认定义的16px; 网上关于如何修改uniapp组件原来定义好的样式的文章很多。有的说style标签上不加scoped，就
uniapp 修改 video 组件css样式
失忆蝴蝶
03-15 2218
uniapp video播放标签 黑色背景 重置css样式
core-site.xml初始化
09-30
在core-site.xml中，通过<property>标签来定义和配置一些Hadoop核心设置。根据提供的引用内容，可以看到以下三个初始化参数： 1. hadoop.http.filter.initializers：这个属性用于指定一个逗号分隔的类名列表，这些类必须继承自org.apache.hadoop.http.FilterInitializer接口。在初始化后，相应的过滤器将被应用于所有的JSP和Servlet网页。 2. hadoop.http.cross-origin.allowed-origins：这个属性用于指定允许跨域访问的来源。在这个例子中，允许所有来源(*)进行跨域访问。 3. fs.defaultFS：这个属性用于描述集群中NameNode节点的URI，包括协议、主机名和端口号。在这个例子中，NameNode的URI为hdfs://hdp101:8020。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

情系半生e

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值