精华内容
下载资源
问答
  • 大屏展示字体自适应

    千次阅读 2019-05-14 14:41:19
    使用rem完成不同分辨率下字体自适应。 (function(doc,win){ let fn = () => { let docEl = doc.documentElement, clientWidth = docEl.clientWidth; if (!clientWidth) return; ...

    使用rem完成不同分辨率下的字体自适应。

    (function(doc,win){
         let fn = () => {
             let docEl = doc.documentElement,
                 clientWidth = docEl.clientWidth;
             if (!clientWidth) return;
             docEl.style.fontSize = 100 * (clientWidth / 1920) + 'px';
         }
         if (!doc.addEventListener) return;
         win.addEventListener('resize',fn);
         doc.addEventListener('DOMContentLoaded',fn);
     })(document,window);
    展开全文
  • 在数据库中存储数据为0,1,2,3等数字,在页面上则展示为对应文字<form:select path="openType"> <form:option value="0" label="">正常</form...

    在数据库中存储的数据为0,1,2,3等数字,在页面上则展示为对应的文字

    <form:select path="openType">

    <form:option value="0" label="">正常</form:option>

            <form:option value="1" label="">错误</form:option>

    <form:option value="2" label="">停止</form:option>

    <form:option value="3" label="">取消</form:option>

    </form:select>
    展开全文
  • 2、需要展示的下载的超链接,以文字代替,隐藏下载地址: 实现效果如下: 代码如下: package com.android.study; import android.app.Activity; import android.os.Bundle; import android.

    两个小实例:

    1、服务端返回的带有html标签的文字,在textview中展示的时候,能正确的换行。

    2、需要展示的下载的超链接,以文字代替,隐藏下载地址:

    实现效果如下:


    代码如下:

    package com.android.study;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.text.Html;
    import android.text.method.LinkMovementMethod;
    import android.widget.TextView;
    
    public class FourthActivity extends Activity {
    	private TextView textView;
    	private TextView textUrl;
    	private TextView textUrl2;
    	
    	// html格式换行
    	private static String msgHtml = "1、在任务结束时间之前完成任务并上传数据。<br />2、任务内容:连续2天达到10000步。<br />3、您可以在下方的进度显示查看您的任务进度情况。";
    	// 超链接
    	private static String html = "我的客户端,下载地址:<a href='http://www.baidu.com'>点击下载</a>";
    
    	private static String html2 = "我的客户端,下载地址:";
    	private static String html22 = "<a href=\""
    			+ "http://www.baidu.com" + "\">"
    			+ "点击下载" + "</a> ";
    	CharSequence charSequence = Html.fromHtml(html);
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_texttest);
    
    		init();
    	}
    
    	private void init() {
    
    		// textView.setAutoLinkMask(Linkify.ALL);
    		textView = (TextView) findViewById(R.id.textView);
    		textUrl = (TextView) findViewById(R.id.textUrl);
    		textUrl2 = (TextView) findViewById(R.id.textUrl2);
    
    		/**
    		 * html格式换行
    		 */
    		textView.setText(Html.fromHtml(msgHtml));
    
    		/**
    		 * 超链接: 法一
    		 */
    		textUrl.setText(charSequence);
    		textUrl.setMovementMethod(LinkMovementMethod.getInstance());
    
    		/**
    		 * 超链接: 法二
    		 */
    		textUrl2.setText(html2);
    		textUrl2.append(Html.fromHtml(html22));
    		textUrl2.setMovementMethod(LinkMovementMethod.getInstance());
    	}
    }
    

    超链接形式两者在该Demo中都可以实现效果。

    但法一在我的项目代码中使用不成功,换了法二后可以了。

    有知道该情况的可以留言噢。

    展开全文
  • 感觉用来做首页图片和文字的展示,或者是宣传网站对产品不同特性的展示都是一个很生动展现方法。vue-accordion设计风格和轮播图类似。它可以支持用户自定义样式类。 安装 通过NPM安装 npm install vue-...
        

    这是今天看到的一个不错的vue组件。感觉用来做首页图片和文字的展示,或者是宣传网站对产品的不同特性的展示都是一个很生动的展现方法。vue-accordion的设计风格和轮播图类似。它可以支持用户自定义样式类。

    图片描述

    安装

    通过NPM安装

    npm install vue-accordion
    

    将它引入到你的应用中

    import Vue from 'vue'
    import {vueAccordion} from 'vue-accordion'
    
    Vue.component('vue-accordion', vueAccordion)
    

    Browser global

    <script scr="path/to/vue.js"></script>
    <script src="path/to/dist/vue-accordion.js"></script>
    

    注册组件

      Vue.component('vue-accordion', vueAccordion)
      
      var vm = new Vue({
        ...
      });
    

    使用组件

    这是一个简单应用的例子

    <vue-accordion :items="items" :accordionClass="acClass" :styles="styles"></vue-accordion>
    

    当accordion组件被渲染之后,它将生成一个这样的结构

    <div class="vue-accordion">
      <ul>
        <!-- First menu item-->
        <li>
          <a>
            <h2>...</h2>
            <p>...</p>
          </a>
        </li>
        <!-- Second menu item-->
        <li>
          <a>
            <h2>...</h2>
            <p>...</p>
          </a>
        </li>
        ...
      </ul>
    </div>
    

    CSS将基于这个结构

    .vue-accordion {
      ...
    }
    
    .vue-accordion ul {
      ...
    }
    
    ...
    
    .vue-accordion ul li a h2 {
      ...
    }
    

    如果需要修改样式,可以看下'accordionClass'和'styles'这两个参数配置

    轮子工厂--一个分享优秀的vue,angular组件的网站

    展开全文
  • 字体整理与展示swift:目前整理出来字体 Zapfino Verdana-Italic Verdana Verdana-BoldItalic Verdana-Bold TrebuchetMS-Bold Trebuchet-BoldItalic TrebuchetMS TrebuchetMS-Italic TimesNewRomanPS-ItalicMT ...
  • javaScript动态展示数字

    2016-04-11 15:40:50
    /动态显示数据函数 //id:需要显示文本域 data:需要显示数据 time:每次暂停毫秒数 function showData(id,data,time) { var n=parseFloat(data); var i=0; var meter=setInterval(function() { $(id)...
  • 图标文字展示

    千次阅读 2014-02-26 20:27:42
    一.在用 图标文字时 Font Awesome 是这种 ... 在使用现成图片集合时 background:url(/assets/icons.png) no-repeat; background-position:**px **px; 或者 background:
  • iOSUITextView富文本展示文字图片

    千次阅读 2018-01-03 09:53:40
    Demo下载地址 要在一个UITextView中既展示图片和文字,主要代码如下: - (void)imagePickerController:(UIImagePickerController *)picker ... //获得需要展示的图片 UIImage *image = info
  • 溢出容器,要打点展示,此时会有以下两种文本:1.单行文本2.多行文本操作步骤:1)单行文本--三步:让文本失去换行功能:white-space:nowrap;超出部分隐藏:overflow:hidden;溢出部分文本打点展示:text-overflow...
  • 最近由于项目需要,需要在树图上展示一些节点之间调用信息,后来在网上找了一些方案,相关例子几乎没有。 现在将效果图以及代码展示如下(具体关键性部分已经注释): &lt;!DOCTYPE html&gt; &...
  • <div><a href="#">链接文字内容链接文字内容链接文字内容链接文字内容</a></div> div{width:40px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:norwap;......
  • 如下图,怎么在网页中展示?数字是动态,求指教,感谢 ![图片说明](https://img-ask.csdn.net/upload/201807/19/1531988621_639802.png)
  • h1 {text-transform:uppercase}  h2 {text-transform:capitalize}  p {text-transform:lowercase}
  • Echarts中对地图指定区域文字展示指定颜色项目场景:欢迎使用Markdown编辑器新改变功能快捷键合理创建标题,有助于目录生成如何改变文本样式插入链接与图片如何插入一段漂亮代码片生成一个适合你...
  • 是福州市地图,因为坐标点位置过于接近,对几乎重叠位置坐标进行了位置一部分偏移 之前效果图 html中: 将福建省地图数据js进行导入,不知道自己地图json格式可参考以下网址进行获取 ...
  • element el-table 表格渲染数据 后台返回数据是状态值 前端需要转换显示文字 快速展示对应文字 比如后端返回数据state是 0、1、2,分别代表 归档、到期、正常。而我们要在表格中快速的展示出对应文字。如...
  • 文字横向流动展示

    2019-02-19 10:08:56
    html布局就是需要两个一样ul uls.innerHTML+=uls.innerHTML;//复制元素本身追加到后面 css设置元素基本宽度 position: absolute;//定位 ...定时器中操作left一直减小,判断到宽度一半时让容...
  • 今天是周五,上班时候偷了点懒,没有去学习别人的博客,所以先写一下昨天遇到的小问题,在计算文字高度正确时,展示的UILab出现了高度不够的问题。
  • 上一篇简单介绍了获取ios支持字体样式方法,并且给出了最终结果,但直观效果不是很好,不能很好感受到各种字体不同。相信通过本篇可以弥补此缺憾,本篇通过uitableview以列表形式显示各种字体样式。 ...
  • 首先是从Excel里面读数据时候,Excel里面数据是数字,太大,其实也不是数字,就是个银行卡号,复制进去,就自动成数字啦,然后就变成科学计数法啦,在使用poi读取数据时候,读出来就是科学计数法数字,...
  • html中文或图片简单动态展示

    千次阅读 2016-07-21 17:02:45
    这里写一小段代码展示下在html中用css样式去实现文字或图片一些动态翻转表现; 上代码: .title div { padding-top: 100px; color: #FFF; /*动画时间过度3秒*/ -moz-transition: -moz-transform 3s; } ....
  • 需要移动文字 2.从左向右移动 需要移动文字 3.一圈一圈绕着移动 需要移动文字 4.只移动三次停 需要移动文字 5.移动一步,停一步 需要移动文字 各主要参数含义: align:是设定活动对象(图片或文字)...
  • 之前面试过几个人,一个很小问题却回答不是很好。自己项目里也出现过这样问题。居中确实是工作了两三年后才知道怎么实现。   UILabel // //父视图 高度会跟着屏幕变 // UIView *superView_ = [...
  • 也能够让参观者对展厅展示的内容会产生深刻的印象。那么,优秀的数字展厅设计应该怎样实现呢? 多媒体展示要点之一:应时刻把“以人为本”作为展厅制作的标准。尽管融入了多媒体的先进理念,展厅的呈现效果无疑会...
  • 关于echarts生成空心扇形图,并且在中心位置、以及扇叶上展示数据。在图形外展示文字等问题 今日在写一个关于pc端后台管理系统,用是ant design框架,项目中有图表样式,需要用到echarts,结果因为不熟悉吃了很...
  • 发现很多时候展示一堆文字,需要让局部某些变粗啊,变大、变颜色、能点击等等要求,今天在这简单总结下方便日后直接复用(用html写也很简单,在这就不写了),在这里我用 SpannableString 这个类实现下...
  • 需求:数据库中存是数字类型,需要展示成对应汉字。其中: 1----->部级 2----->省级 3----->市级 4----->其他 dvIdxIndexList里面是从后台查到结果集,我们首直接用map遍历后台返回结果集,利用...
  • Oracle认证证书现已推出数字徽章显示版,可明确展示认证资历。现在,您可随时随地向人证明您所取得成就。在日益扩大数字市场中推介、验证并传播您认证与成就。我们与Acclaim公司已展开合作,希望...
  • 在开发中,有时候会遇到这种需求,比如银行卡号,身份证号,需要将中间一些数字隐藏,然后展示出来..  NSString *originalString = @"6217613400004525213";     // 转换成 可变字符串  NSMutableString ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 20,691
精华内容 8,276
关键字:

展示的展字