当前位置: 首页 > news >正文

佛山营销网站设计优帮云排名自动扣费

佛山营销网站设计,优帮云排名自动扣费,seo的含义是什么意思,二次元动漫网站设计方案先来看效果: 如图,“每日推荐”,“专题精选”这些公共标题有相同的地方,也有自己的独特的地方,像这类有共性又有个性的可考虑使用slot插槽来实现。 实现步骤: 1.在前面文章创建的公共组件common-title定义…

先来看效果:

如图,“每日推荐”,“专题精选”这些公共标题有相同的地方,也有自己的独特的地方,像这类有共性又有个性的可考虑使用slot插槽来实现。

实现步骤:

1.在前面文章创建的公共组件common-title定义具名插槽方便调用:

<view class="common-title"><view class="name"><slot name="name"></slot></view><view class="custom"><slot name="custom"></slot></view>
</view>

css样式:

<style lang="scss" scoped>.common-title{display: flex;padding: 0 30rpx;justify-content: space-between;display: flex;align-items: center;.name{font-size: 40rpx;}}
</style>

 

2.使用插槽:

<common-title><template #name>每日推荐</template><template #custom><view class="date"><uni-icons type="calendar" size="18" color="#28b389"></uni-icons><uni-dateformat :date="Date.now()" format="dd日"></uni-dateformat></view></template>
</common-title>

CSS代码:

.date{display: flex;align-items: center;margin-left: 5rpx;color: #28b389;}

 

有共性的地方--标题,我们使用name插槽,个性化的地方使用custom插槽。

上面的代码中使用uniapp的日期格式化扩展组件:uni-app官网

它的属性配置主要有以下几项:

属性名类型默认值说明
dateObject|String|NumberDate.now()要格式化的日期对象/日期字符串/时间戳
thresholdArray[0, 0]转化类型阈值
formatString'yyyy/MM/dd hh:mm:ss'格式字符串
localeStringzh格式化使用的语言,目前支持zh(中文)、en(英文)
Threshold Options

格式化组件会对时间进行用户友好转化,threshold就是用来控制转化的时间阈值的。

[60000, 3600000]为例,将传入时间与当前时间差的绝对值记为delta(单位毫秒)

  • delta < 60000时,时间会被转化为“刚刚|马上”
  • delta >= 60000 && delta < 3600000时,时间会被转化为“xx分钟前|xx分钟后”,如果超过1小时会显示成“xx小时前|xx小时后”,以此类推
  • delta >= 3600000时,会按照format参数传入的格式进行格式化

如果不想转化为“马上|刚刚”可以传入:threshold = "[0,3600000]"。默认值[0,0]既不会转换为“马上|刚刚”也不会转化为“xx分钟前|xx分钟后”

#Format Options

 

format接收字符以及含义如下:

字符说明
yyyy四位年份
yy两位年份
MM两位月份(不足两位在前面补0)
M月份,不自动补0
dd两位天(不足两位在前面补0)
d天,不自动补0
hh两位小时(不足两位在前面补0)
h小时,不自动补0
mm两位分钟(不足两位在前面补0)
m分钟,不自动补0
ss两位秒(不足两位在前面补0)
s秒,不自动补0
SSS三位毫秒(不足三位在前面补0)
S毫秒,不自动补0

 专题精选部分:

<view class="theme"><common-title><template #name>专题精选</template><template #custom><navigator url="" class="more">More</navigator></template></common-title>
</view>

CSS部分:

.theme{padding-top: 50rpx;.more{font-size: 32rpx;color:#888;}}

http://www.hrbkazy.com/news/21580.html

相关文章:

  • 网站设计制作软件西地那非片的功能主治
  • 适合用struts2做的网站关键词自动生成器
  • 手表网站建设百度区域代理
  • 免费免费网站模板安仁网络推广
  • 龙岗建网站整合营销传播方案案例
  • 做网站前置审批长沙网站到首页排名
  • 做视频网站视频的软件抖音营销软件
  • 中国电子系统建设三公司网站网络营销与直播电商
  • 公司建网站找哪家投放广告的网站
  • 天津河西做网站百度推广最近怎么了
  • 技术研发流程的六个阶段百度关键词搜索优化
  • dw做旅游网站毕业设计模板下载橙子建站怎么收费
  • 广州黄埔网站建设公司腾讯会议多少钱一个月
  • apache 配置网站地址百度指数分析大数据
  • 网站制作和如何推广怎么联系百度人工服务
  • 域名邮箱登录入口关键词优化排名的步骤
  • 网站后台不显示验证码win7优化大师官方网站
  • 扁平化网站设计趋势seo优化就业前景
  • 江门网站建设联系电话semaphore
  • 套模版做网站武汉seo管理
  • 微信网站什么做什么是淘宝搜索关键词
  • 做网站每年运营要花掉多少钱营销技巧有哪些
  • 专做律师网站用手机制作自己的网站
  • 网站设计岗位的职责与要求网络推广是做什么工作的
  • 建设网站代办机构优书网
  • php网站建设素材seo和网络推广有什么区别
  • 门户网站 cms推广方式营销方案
  • 湖州 网站建设seo优化广告
  • 关于动物自己做的网站软文推广例子
  • 页面设计的像胶囊怎么形容深圳网站设计实力乐云seo