text-align

　　CSS：层叠样式表，是给标签（html)添加样式的 （键对值：属性：属性值；） （备注：html超文本标记语言，是标记语言，不是编程语言，说白了就是标签。标签：<标签名>） 一、文本的样式(text) 　　1、颜色　　 　　　　　　　　　　　　color：red； 　　2、文本对齐方式 　　　　　　　　　　　　text-align：left；（左对齐） 　　　　　　　　　　　　text-align：center；（居中） 　　　　　　　　　　　　text-align：right；（右对齐） 　　　　　　　　　　　　text-align：justify（两端对齐） 　　3、文本修饰 　　　　　　　　　　　　text-decoration：none；（什么都没有）　 　　　　　　　　　　　　text-decoration: overline; （上划线） 　　　　　　　　　　　　text-decoration:line-through; （删除线） 　　　　　　　　　　　　text-decoration:underline; （下划线）　　　　 　　4、文本转换 　　　　　　　　　　　　text-transform：uppercase; (大写字母） 　　　　　　　　　　　　text-transform: lowercase; （小写字母） 　　　　　　　　　　　　text

小程序左右标签滑块排行榜 效果: <view class="menu"> <view class="{{currentTab==0?'select':'default'}}" data-current="0" bindtap="switchNav">成绩</view> <view class="{{currentTab==1?'select':'default'}}" data-current="1" bindtap="switchNav">勤奋</view> <view class="{{currentTab==2?'select':'default'}}" data-current="2" bindtap="switchNav">考勤</view> </view> <view class="content"> <view class="hr"></view> <swiper current="{{currentTab}}" style="height:800px;"> <swiper-item> <include src="cj.wxml" /> </swiper-item> <swiper-item> <include src="qinfen.wxml" /> </swiper-item> <swiper-item> <include src="kq.wxml" /> <

wxml代码 < view class = " page " > < view class = " page__bd " > < view class = " weui-tab " > < view class = " weui-navbar " > < block wx: for = " {{tabs}} " wx: key = " *this " > < view id = " {{index}} " class = " weui-navbar__item {{activeIndex == index ? ' weui-bar__item_on ' : ' ' }} " bindtap = " tabClick " > < view class = " weui-navbar__title " > {{item}} </ view > </ view > </ block > < view class = " weui-navbar__slider " style =" left: { { sliderLeft } } px ; transform: translateX( { { sliderOffset } } px ) ; -webkit-transform: translateX( { { sliderOffset } } px ) ; " > </ view > </

第一种： router.js中添加 mode: 'history', srcollBehavior(to,from,savedPosition){ if(to.hash){ return { selector:to.hash } } } 组件： <template> <div> <ul class="list"> <li><a href="#1" rel="external nofollow" >星期1</a></li> <li><a href="#2" rel="external nofollow" >星期2</a></li> <li><a href="#3" rel="external nofollow" >星期3</a></li> <li><a href="#4" rel="external nofollow" >星期4</a></li> <li><a href="#5" rel="external nofollow" >星期5</a></li> <li><a href="#6" rel="external nofollow" >星期6</a></li> <li><a href="#7" rel="external nofollow" >星期7</a></li> </ul> <div class="main_con" id="1"

京东首页项目(3)---底部模块实现 有关京东首页项目之前已经写了两篇博客： 1、 京东首页项目(1)---总述 2、 京东首页项目(2)---顶部模块实现 这篇就开始写京东首页页面底部分。这篇所需完成的工作如下： 这里一共完成3个部分， 1、多快好省模块 2、帮助模块 3、版权模块。 一、多快好省模块 这个模块主要是2部分: 文字部分 （浮动实现） 图片部分 （绝对定位实现） 如图 html部分 <div class="footer-service"> <div class="w footer-service-inner"> <ul class="clearfix"> <li> <div class="service_unit"> <h5>多</h5> <!-- 图片部分 --> <p>品类齐全，轻松购物</p> <!-- 文字部分 --> </div> </li> <li> <div class="service_unit"> <h5 class="kuai">快</h5> <p>多仓直发，极速配送</p> </div> </li> <li> <div class="service_unit"> <h5 class="hao">好</h5> <p>正品行货，精致服务</p> </div> </li> <li> <div class="service_unit"> <h5