:::demo 示例

```html
<template>
    <div>
        <h3>内容过多时</h3>
        <v-content-expand :max-height="maxHeight">
            <p style="margin:0px;">11111报告期内,资本市场大幅波动及市场景气度下降,面对新的形势和压力,公司紧紧围绕一站式互联网金融服务大平台的整体战略定位,坚持以用户需求为中心,努力克服困难,全面落实2016年度工作计划,进一步加强战略投入,加强大平台建设,加强产品和服务的研发创新,进一步提升服务质量和水平,进一步巩固和提升公司核心竞争力。报告期内,公司进一步做好基金第三方销售服务业务,持续加强创新力度,不断丰富上线产品,提升服务能力,进一步提升用户体验和粘性。报告期内,公司互联网金融电子商务平台基金投资者规模进一步增加,继续保持市场领先地位。报告期内,受市场等综合因素影响,公司基金第三方销售规模同比大幅下降,金融电子商务服务业务收入同比大幅下降。报告期内,公司全面部署和加强东方财富证券的整合工作,发挥整体协同效应,东方财富证券用户规模、股票交易金额及市场份额等同比都实现了大幅上升。报告期内,公司完成了非公开发行股份募集配套资金相关工作,完成了对东方财富证券的增资,大幅提升了东方财富证券的资本金规模,进一步增强了东方财富证券综合实力,为东方财富证券未来实现可持续健康发展奠定了坚实基础。报告期内,公司进一步加强了金融数据服务业务的发展,进一步加强个人终端产品的研发创新工作,加强Choice金融终端优化、完善工作,进一步加强产品的推广力度。报告期内,金融数据服务业务收入同比实现平稳增长。报告期内,公司努力做好互联网广告服务业务的发展,公司互联网广告服务业务收入同比实现平稳增长。报告期内,公司继续做好募投项目和超募资金投资项目的后期维护工作,进一步发挥募集资金投资项目整体协同效应。同时,公司进一步加强剩余超募资金的管理工作,提升募集资金使用效率。报告期内,公司进一步加强集团化财务管理工作,积极发挥财务职能作用;进一步加强了人力资源管理工作,进一步完善绩效考核和激励机制,完成了2014年股票期权激励计划首次授予期权第一行权期的行权工作,进一步加强人才引进和梯队建设工作。报告期内,公司进一步加强企业文化建设,企业活力和凝聚力得到进一步增强,整体管理水平进一步提升。报告期内,公司实现营业总收入1,165,821,481.62元,比上年同期下降25.74%,实现归属于上市公司股东的净利润336,799,304.21元,比上年同期下降67.67%。 公司年度经营计划在报告期内的执行情况:(1)报告期内,公司紧紧围绕一站式互联网金融服务大平台的整体战略定位,努力构建和完善以人为中心,基于流量、数据、场景、牌照四大要素的互联网金融服务生态圈。报告期内,公司进一步加大战略投入,进一步加强研发创新工作,持续推进互联网金融服务大平台的升级扩容和优化工作,提升大平台的服务能力和水平,进一步加强互联网金融电子商务平台服务创新和完善工作,进一步加强核心数据库的升级和完善工作,努力实现各平台底层海量数据的共享覆盖,进一步提升了用户体验和用户黏性,公司核心竞争力得到进一步的巩固和加强。(2)报告期内,面对资本市场大幅波动及市场景气度下降的形势和压力,公司努力克服困难,坚持以用户需求为中心,进一步做好基金第三方销售服务业务,进一步加强服务创新工作,进一步丰富平台产品,进一步提升了整体服务能力和水平,提升了用户黏性,公司互联网金融电子商务服务平台基金投资者规模进一步增长;同时,公司从长远战略出发,主动降低了基金第三方销售申购费率。截至2016年6月30日,共上线102家公募基金管理人3375只基金产品。报告期内,天天基金网日均页面浏览量为625.52万,其中,交易日日均页面浏览量为832.49万,非交易日日均页面浏览量为224.93万;日均独立访问用户数为76.19万人,其中,交易日日均独立访问用户数为94.06万,非交易日日均独立访问用户数为41.62万。报告期内,公司互联网金融电子商务平台共计实现基金认申购及定期定额申购交易13144392笔,基金销售额为1,642.95亿元,其中“活期宝”共计实现申购交易5165032笔,销售额为1,028.87亿元。(3)报告期内,公司全面部署和加强东方财富证券的整合工作,发挥一站式互联网金融服务大平台和海量用户的核心竞争优势,发挥整体协同效应,加强流量转化。在资本市场大幅波动、市场景气度下降及两市股票交易金额同比出现较大幅度下降的形势下,东方财富证券用户规模、股票交易金额及市场份额等同比实现了大幅上升。根据上海证券交易所和深圳证券交易所会员股票交易金额数据统计计算,2016年6月,东方财富证券经纪业务市场份额为0.80%,在所有证券公司(含中国证券金融股份有限公司)中排名第33位,相比上年同期排名上升了38位。报告期内,公司完成了非公开发行股份募集配套资金相关工作,并完成了对东方财富证券40亿元的增资,大幅提升了东方财富证券的资本金规模,有效提升了东方财富证券综合实力,为东方财富证券实现持续健康发展奠定了坚实的基础。(4)报告期内,公司努力做好互联网金融服务新业务的探索工作,努力拓展和完善服务链条,与上海漫道金融信息服务股份有限公司共同投资设立征信公司,拟开展征信服务相关业务,进一步拓宽公司互联网金融服务大平台服务范围,同时为公司开展更大范围的互联网金融服务奠定信用数据基础。截至本报告出具之日,公司已完成征信公司的工商注册登记。同时,公司拟投资设立保险代理公司,以满足广大投资者多样化、个性化服务需求。(5)报告期内,公司进一步挖掘海量数据的巨大价值。在数据仓库建设方面,基于实践摸索出敏捷数据仓库建设方法,在原有应用表体系基础上实现APP访问行为仓库与WEB访问行为仓库两大仓库建设,进一步提升面向应用的开发效率。在数据展示方面,在原有自动化报表体系基础上,新增全新的报表门户系统,可整合多个报表系统,适用不同的分析场景,并能实现数据及时更新及数据可视化分析。通过以上各项工作,并加强对新技术的跟踪,能更有针对性的持续完善产品与服务,进一步提升服务智能化水平,提升用户体验,同时为用户提供更好的服务。(6)报告期内,公司进一步加强了金融数据服务业务的发展,进一步强化个人终端产品的研发和创新工作,加强新功能的开发。PC端产品新增了阶段统计功能,用户可以选择多个指标并设定条件,统计出一定时期内所关注股票的完整运行状态,从而辅助其进行决策;东方财富APP产品新增了实盘组合功能。同时,进一步加强了原有模块、功能的优化和完善工作,持续提升产品的质量和服务能力。报告期内,公司持续优化完善Choice金融终端原有模块、功能及相关信息数据服务,进一步加强新功能和服务的开发,新增组合管理功能及面向专业投资用户的多屏支持功能,并全面支持新三板分层,进一步提升了产品的服务质量和水平;同时,公司进一步加强了产品推广力度,大幅提升了Choice金融终端市场关注度。报告期内,受资本市场大幅波动及市场景气度下降等因素影响,金融数据服务业务预收款同比大幅下降。受2015年预收款同比大幅增长及报告期预收款同比大幅下降等综合影响,报告期内,金融数据服务业务收入同比实现平稳增长。报告期内,公司努力做好互联网广告服务业务,互联网广告服务业务实现平稳发展。(7)报告期内,公司进一步加强品牌宣传工作,进一步提升了互联网金融服务大平台的整体价值,进一步提升了品牌影响力。(8)报告期内,公司继续做好募投项目和超募资金投资项目的后期维护工作,进一步发挥募集资金投资项目整体协同效应。同时,公司加强剩余超募资金的管理工作,努力提高资金使用效率。(9)报告期内,公司进一步加强集团化财务管理工作,进一步发挥财务职能作用,进一步加强人力资源管理,持续完善组织绩效管理框架,进一步完善了绩效考核机制和激励机制,完成了公司2014年股票期权激励计划首次授予期权第一个行权期的行权工作,进一步加强了人才引进和梯队建设;同时,进一步加强企业文化建设,企业活力和凝聚力得到进一步增强,促进了企业管理水平进一步提升。(10)报告期内,公司全面做好投资者关系管理工作,进一步加强与投资者的互动交流。报告期内,公司共接听投资者来电550个,回答深交所互动易平台投资者提问319个,举行网上业绩说明会1次,参加反向路演活动2次,参加了深圳证券交易所和高盛联合举办的“A股企业日”活动。</p>
        </v-content-expand>
        <h3>内容较少时</h3>
        <v-content-expand :max-height="maxHeight">
            <p style="margin:0px;">内容较少</p>
        </v-content-expand>
        <h3>内容动态变化时, 自动刷新插件状态</h3>
        <v-content-expand :max-height="maxHeight">
            <h6>小标题</h6>
            <p style="margin:0px;">原始内容1</p>
            <button @click.stop.prevent="addContent()">添加内容</button>
            <button @click.stop.prevent="delContent()">减少内容</button>
            <p v-for="item in testContent">{{item}}</p>
        </v-content-expand>
    </div>
</template>

<script>
    //import 
    export default{
        name:'content-expand',
        data () {
            return {
                maxHeight: 200, 
                testContent: []
            }
        },
        methods:{
            addContent(){
                 this.testContent.push("动态添加的内容");
            },
            delContent(){
                this.testContent.shift();
            }
        }
    }
</script>
```
:::