vux组件的cell组件上下箭头图标显示问题,cell必须放在groud内才会显示
vux组件的cell组件上下箭头图标显示问题,cell必须放在groud内才会显示
<template><div><x-header :left-options="{backText: ''}">积分管理</x-header><div class="showIntegral">你当前的积分为222分</div><group class="cellView"><cell
:title="('积分兑换')"is-link:border-intent="false":arrow-direction="showContent004 ? 'up' : 'down'"@click.native="showContent004 = !showContent004"></cell><p class="slide" :class="showContent004?'animate':''">blablabla...<br/>blablabla...<br/>blablabla...<br/>blablabla...</p></group></div>
</template><script>
import { XHeader, Actionsheet, TransferDom, ButtonTab, ButtonTabItem, Cell, CellBox, CellFormPreview, Group, Badge } from 'vux'export default {name: "index",data() {return {show4: false,showContent004: false};},components: {XHeader,Actionsheet,ButtonTab,ButtonTabItem,Group,Cell,CellFormPreview,CellBox,Badge},methods: {}
}
</script><style scoped>.showIntegral{height: 44px;width: 100%;text-align: center;line-height: 44px;color: #269e62;}.cellView{background-color: #f5f5f5;height: 31px;}.slide {padding: 0 20px;overflow: hidden;max-height: 0;transition: max-height .5s cubic-bezier(0, 1, 0, 1) -.1s;
}
.animate {max-height: 9999px;transition-timing-function: cubic-bezier(0.5, 0, 1, 0);transition-delay: 0s;
}
</style>
vux组件的cell组件上下箭头图标显示问题,cell必须放在groud内才会显示相关推荐
- vux Cell组件
Cell 组件一 <style lang="scss">.cell {padding-top: 15px;padding-bottom: 15px;color: #33 ...
- vant在cell中加表格_在vant 中使用cell组件 定义图标该图片和位置操作
@本来想直接使用icon组件,使用阿里的图标库,可是怎么弄也不行,折腾一下午,最后决定使用最笨的办法,直接上代码 vant 中使用cell组件 定义图标该图片和位置像微信信息栏一样 二级经营单位 // ...
- cell组件适配BCG风格--适配器模式和查表法
分析 目标:最小的改动现有代码,使得cell组件适配BCG颜色样式 启发点: 一款软件中有100个对话框,是怎么做到每个对话框都用同一个图标的?每个对话框添加一个icon资源? cell组件设置颜色的 ...
- 如何在 Cell 组件/插件中添加下拉树形控件
引言 用友华表Cell控件在提供强大的报表功能的同时,在关键细节也是十分突出,为开发者进一步缩短开发周期和最终用 户的完美需求提供了有效有利的平台.下面的例子提供了VB语言对实现美观实用的下拉树形控件 ...
- 微信小程序|开发实战篇之八-list列表组件及其子组件
开发实战篇之八 前言 1.list选择器组件 1.1 子组件---tag标签组件 1.1.1 tag的骨架文件wxml 1.1.2 tag的js文件 2.list选择器wxml骨架文件 3.list选 ...
- 微信小程序——1、自定义顶部渐变色2、封装好的自定义顶部栏(父组件获取子组件的点击事件)
1.自定义顶部渐变色 第一种使用代码实现渐变 效果图: .json代码 "navigationStyle":"custom" .wxml代码 <view ...
- 微信小程序_文档_08_组件_媒体组件_地图_画布_开放能力
audio 注意:1.6.0 版本开始,该组件不再维护.建议使用能力更强的 wx.createInnerAudioContext 接口 音频. 属性名 类型 默认值 说明 id String au ...
- Vue第二天学习总结—— Vue全家桶之组件化开发(组件化开发思想、组件注册、Vue调试工具用法、组件间数据交互传递、组件插槽、基于组件的案例——购物车)
(一) 组件化开发思想 1. 现实中的组件化思想体现 组件化即是对某些可以进行复用的功能进行封装的标准化工作 标准:要想组件能够成功组合在一起,每个组件必须要有标准 分治:将不同的功能封装到不同的组件 ...
- 【Flutter】Flutter 布局组件 ( FractionallySizedBox 组件 | Stack 布局组件 | Positioned 组件 )
文章目录 一.FractionallySizedBox 组件 二.Stack 布局组件 三.Positioned 组件 四. 完整代码示例 五. 相关资源 一.FractionallySizedBox ...
最新文章
- 重装操作系统的20条原则(转载)
- modulenotfounderror: no module 或modulenotfounderror: no module named 'matplotlib._path' 原因详解及解决办法
- 一步步教你如何用疯狂.NET架构中的通用权限系统 -- 分级管理
- Ubuntu 12.04下spark1.0.0 集群搭建(原创)
- 设计模式——装饰者(Decorator)模式DEMO——游戏角色的装饰者模式实现
- 智能工单处理,达观数据助力运营商实现业务流程智能化改造
- 初识 npm script : 用 npm init 快速创建项目
- linux路由器实际配置案例
- phpstorm 如何设置函数的注释内容
- VMware产品演示网站
- group by 查询分组后 各组的内部条数与组的条数
- mysql怎么设主键和外键_在MySQL中如何设置主键和外键
- 一款用来下载pdf word zip img各种文件的js插件
- java和美利达_JAVA、GIANT、MERIDA、UCC四大厂商破风铝架横评
- python scipy 计算黎曼ζ函数
- Win10 突破20%共享大关
- scaner 从外网到内网域渗透
- 商业智能BI企业管理决策之经营管理会议
- 本周白银价格走势仍关注美经济数据
- INT3断点和硬件断点
热门文章
- 橄榄山BIM大学论坛正式启用,有Revit二次开发专版。可去那里问问题 http://bbs.glsbim.com
- SAP MM批次管理(2)批次主数据
- 【每日新闻】新“实体名单”剑指中国超算 美国动机不简单
- hadoop系列十八——案例 App数据统计与报表统计
- ERROR send and transfer are only available for objects of type address payable , not address
- 揭秘朝鲜自主操作系统:红星Red Star
- 【LeetCode】328. Odd Even Linked List 解题报告(Python C++)
- HDFS分布式文件系统的常用命令行操作
- 厘米换算英尺英寸程序_使用C程序计算两个城市之间的距离,从公里到米,厘米,英尺和英寸...
- vue之div让文字内容水平垂直居中