在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/ HTML5問答

js

{
    data() {
        {
            currentIndex: 0,
            items: ['f.png', 'u.png', 's.png', 'p.png']
        }
    },
    methods: {
        getSrc(i) {
            var src = this.items[i]
            if (i === this.currentIndex) {
                src = src.replace(/(?=.\.png)/, '_')
            }
            return src
        }
    }
}

template

<img v-for="(item,i) of items" :src="getSrc(i)" @click="currentIndex=i"/>
法克魷 回答

在head中增加base標(biāo)簽。

<head>
    <base href="/">
</head>
蟲児飛 回答

flex布局解決方案：

在外部盒子display屬性設(shè)置為flex，然后在需要空開的兩個(gè)元素中間加入一個(gè)空白元素，并設(shè)置css屬性flex: 1 1 auto自動填充空白。flex的優(yōu)點(diǎn)就是盒子內(nèi)的元素不會浮動，切間隔是動態(tài)的，可適應(yīng)各種寬度。

$color_1: #666;
$color_2: #344663;

.dataList {
    >ul {
        display: flex;
        width: 100%;
        >li.spacer {
            flex: 1 1 auto;
        }
    }
    box-sizing: border-box;
    box-shadow: 0 2px 4px 0 #e7e7e7;
    border-radius: 2px;
    height: 78px;
    padding: 0 15px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    li {
        list-style-type: none;
        font-size: 12px;
        &:nth-of-type(1) {
            color: $color_1;
            font-size: 12px;
        }
        &:nth-of-type(2) {
            font-size: 16px;
            color: $color_2;
        }
    }
    .fontBase {
        font-size: 16px !important;
    }
}
<div class="dataList" style="background: #E9E9E9" v-for="(data, index) in unavailableData" :key="data.voucherId">
    <ul>
        <li class="left-align">
            <div class="userInfo">
                <span>打車券-</span>
                <span>{{data.voucherReturnCode ? '個(gè)人' : '公共'}}</span>
            </div>
            <div class="dataTime">
                {{data.voucherReturnCode ? '余額' : '有效期至'}}
            </div>
        </li>
        <li class="spacer"></li>
        <li :class="{'fontBase' : data.voucherReturnCode}" class="right-align">
            <div class="numOrResc">
                {{data.voucherReturnCode ? data.voucherReturnCode : data.voucherResc}}
            </div>
            <div class="voucherBalance" v-if="data.voucherReturnCode">
                {{data.voucherBalance}}元
            </div>
        </li>
    </ul>
</div>
毀與悔 回答

應(yīng)該
clipboard.png
這個(gè)是空的。

詆毀你 回答

推薦:CSS(3)多種方法實(shí)現(xiàn)水平垂直居中效果

看看常見的垂直居中方法，這個(gè)也是面試經(jīng)常會問的知識點(diǎn)！

魚梓 回答

V4中沒有IndexRouter了，需要Redirect代替，如： <Route exact path={'/index'} render={() => <Redirect exact to={'/'} />}/>
<HashRouter history={hashHistory}>內(nèi)只能有一個(gè)子元素，你可以把內(nèi)部Router用<Swtich>包裹起來。如：

<HashRouter history={hashHistory}>
    <Switch>
        <Route />
        <Route />
        <Route />
    </Switch>
</HashRouter>
陌離殤 回答

用這個(gè)，有API和demo。（我沒用過，但是感覺應(yīng)該滿足你需求）
http://literallycanvas.com/

拮據(jù) 回答

解決了 ，，換了一種方式，吧public的ui-view 放到 每一個(gè)小頁面的模板里面去了 這樣簡單多了

故人嘆 回答

170px是寫死的，具體數(shù)字是ui妹子給的。

墨沫 回答 
.wrapper {
  display: flex;
  justify-content: space-between;
}
.left{
  width: 100%; // 這個(gè)塊想內(nèi)容撐開的話就把width去掉。
}
.right{
  margin-left: 20px;
  min-width: 30px;
  flex:none;
}
.border {
  border: 1px solid black;
  box-sizing: border-box;
}
<div class="wrapper border">
    <div class="left border">123</div>
    <div class="right border">4</div>
</div>
淡墨 回答

1 首先跟后臺確認(rèn)是否返回了你要的cookie信息，問清楚放在哪里面返回的。
2 認(rèn)真檢查你console.log的res 里面。
https://blog.csdn.net/lohiauf...

澐染 回答

可以的，訂閱路由變化，再操作

情皺 回答

你可以把事件處理放到一個(gè)單獨(dú)的 js文件中. page里的事件回調(diào) 統(tǒng)一調(diào)這個(gè) 事件處理

雅痞 回答

1個(gè)swiper-slide也是可以滑動的。此處的關(guān)鍵在于。內(nèi)容是通過接口獲取到的，swiper沒有預(yù)先預(yù)留高度，沒有高度自然無法滑動。此處解決辦法有兩種。
一、
swiper有個(gè)update（）方法，等內(nèi)容更新完畢再計(jì)算寬高，可以實(shí)現(xiàn)。（此處要用到Angular里面子組件調(diào)用父組件的方法。）如圖：
clipboard.png

clipboard.png
二、
Angular里面可以直接這樣寫，就不需要swiper調(diào)用update（）了。

clipboard.png
值得注意的是，此處div要先定義樣式。

clipboard.png

胭脂淚 回答

android好像不支持這個(gè)屬性吧？

怪痞 回答

主要不要用JS去處理。我只用css處理rem大小的。沒啥問題

久礙你 回答

<!DOCTYPE html>
<html lang="en">

<style>
    body {
        margin: 0;
        padding: 0;
    }
    
    a {
        text-decoration: none;
    }
    
    .top_1 {
        
        width: 100%;
        height: 50px;
        background: lightgreen;
        float: right;
        overflow: hidden;
    }
    .right{
        float: right;
    }
</style>

<head>

    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../css/base.css" rel='stylesheet' type='text/css' />
</head>

<body>
    
        <div class="top_1">
            <div class="right">
                用戶名：<input type="text"> 密碼： <input type="password">
                <a href="#">登錄</a>
                <a href="#">注冊</a>
            </div>
        </div>
    
    <div style="clear:both"></div>
</body>

</html>

首頁 上一頁 235 236 237 238 239 240 241 242 243 下一頁 尾頁