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

唐山做网站哪家公司好目前网络推广平台

唐山做网站哪家公司好,目前网络推广平台,学校网站的建设,内蒙古自治区建设厅网站改变前 改变后 通过数据来控制样式展示 <template><div>通过num控制图标是否更改{{num}}<div class"box"><!-- 如果num大于1则是另一种&#xff0c;样式&#xff0c;如果小时1&#xff0c;则是另一种样式 --><div class"item&qu…

改变前 

 改变后

通过数据来控制样式展示 

<template><div>通过num控制图标是否更改{{num}}<div class="box"><!-- 如果num大于1则是另一种,样式,如果小时1,则是另一种样式 --><div class="item" :class="num > 1 ? 'noClick' :''" v-for="(item,index) in menuData" :key="index"><div class="img" :class="item.icon"></div><div class="content">{{item.name}}</div><div class="arrow"><img src="../assets/evaluateOthers/role-arrow.png" alt=""></div></div></div></div>
</template><script>
export default {data () {return {num: 10,menuData: [{name: '学不会1',icon: 'other'},{name: '学不会2',icon: 'my'},{name: '学不会3',icon: 'people'},{name: '学不会4',icon: 'shaicha'}]}}
}
</script><style lang="less" scoped>
.box {padding: 20px;
}
.item {background: #ffffff;box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.11);border-radius: 4px;width: 100%;margin-bottom: 16px;padding: 18px 17px 18px 20px;box-sizing: border-box;display: flex;align-items: center;position: relative;
}
.img {width: 44px;height: 44px;margin-right: 17px;&.other {background: url('../assets/evaluateOthers/other-icon.png') no-repeat center;background-size: 44px;}&.my {background: url('../assets/evaluateOthers/my-icon.png') no-repeat center;background-size: 44px;}&.people {background: url('../assets/evaluateOthers/people-icon.png') no-repeat center;background-size: 44px;}&.shaicha {background: url('../assets/evaluateOthers/shaicha.png') no-repeat center;background-size: 44px;}
}
// 符合条件后带的样式
.noClick {.img {&.other {background: url('../assets/evaluateOthers/no-other-icon.png') no-repeatcenter;background-size: 44px;}&.my {background: url('../assets/evaluateOthers/wartfor.png') no-repeat center;background-size: 44px;}&.people {background: url('../assets/evaluateOthers/people-icon.png') no-repeatcenter;background-size: 44px;}&.shaicha {background: url('../assets/evaluateOthers/shaicha.png') no-repeat center;background-size: 44px;}}
}
.arrow {position: absolute;right: 14px;top: 50%;transform: translate(0, -50%);
}
</style>

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

相关文章:

  • 长泰微新闻seo搜索引擎优化总结报告
  • 自己代码做网站搭建网站的五大步骤
  • 怎么做购物网站的分类目录足球排名世界排名
  • 深圳十大平面设计公司排名网络排名优化软件
  • 一张图片做单页网站企业推广文案范文
  • 国外私人网站全球搜索引擎排名
  • 徐州优化网站上海最大的seo公司
  • 如何跟建网站的人员沟通软文生成器
  • 聚名网备案查询百度快速优化推广
  • 嘉定建设厅网站b站黄页推广
  • 9.9元包邮网站怎么做怎么做网址
  • 国外网站建设平台百度提问在线回答问题
  • 阿里云服务器做网站多少钱深圳网络营销策划公司
  • 玉泉营网站建设公司市场营销主要学什么
  • 牛b插网站建设大连最好的做网站的公司
  • 安卓应用软件开发广州企业网站seo
  • 安卓网页制作软件网站优化排名方法有哪些
  • 网络设计与实施seo自己怎么做
  • 代价网站建设网站优化搜索排名
  • 网站改版是否有影响可以直接进入的舆情网站
  • 没有网站流量怎么办营销型网站建设解决方案
  • 网站如何防止别人抄袭产品互联网营销推广
  • 山东企业建站系统信息百度账号登录官网
  • 彩票网站开发租用东莞网站seo公司哪家大
  • 服务器搭建网站空间公司网站搭建
  • uzi视频网站谁做的北京网站优化排名
  • 自己做网站投入网络营销公司做什么
  • 男女做鸡视频网站大数据培训课程
  • 餐饮品牌设计策划seo常用工具
  • 网站模板用什么做佛山优化推广