vueelementuiinput和button不在同一行

Posted 2023-04-01

使用Vue.js的ElementUI组件中的input和button不在同一行，可以通过设置ElementUI的组件属性来实现。首先，在ElementUI的input组件中设置其style属性，将其display属性设置为inline-block，将其float属性设置为left，这样input组件就会显示在左侧；然后，在ElementUI的button组件中设置其style属性，将其display属性设置为inline-block，将其float属性设置为right，这样button组件就会显示在右侧。最后，在input组件和button组件之间添加一个空格，这样input和button就会不在同一行了。 参考技术A 您好，要让Vue.js中的Element UI的input和button不在同一行，可以使用Element UI的row组件，将input和button放入row组件中，并设置row组件的justify属性为start，这样input和button就不会在同一行了。另外，还可以使用Element UI的col组件，将input和button放入不同的col组件中，这样也可以让input和button不在同一行。

Android动态修改选中和不选中的Button图片颜色

需求：

标题可能不太容易让人理解，直接看图吧：

比如这三个Button，选中的时候图片是蓝色，不选中的时候图片是白色。正常情况下，切图要切两套，一张白底，一张蓝底。可如果UI只给你白底呢？那么也只能代码动态修改了。

实现：

Android Support V4 的包中提供了 DrawableCompat 类，很容易写出如下的辅助方法来实现 Drawable 的着色：

public static Drawable tintDrawable(Drawable drawable, ColorStateList colors) {
    final Drawable wrappedDrawable = DrawableCompat.wrap(drawable);
    DrawableCompat.setTintList(wrappedDrawable, colors);
    return wrappedDrawable;
}

         // 通话记录变色
Drawable originDrawable0 = getDrawable(R.mipmap.icon_call_records_48);
if (originDrawable0 != null) {
    originDrawable0.setBounds(0, 0, originDrawable0.getMinimumWidth(), originDrawable0.getMinimumHeight());
    Drawable wrapDrawable0 = tintDrawable(originDrawable0, ColorStateList.valueOf(getColor(R.color.dial_search_address_blue)));
    callRecordsRbtn.setCompoundDrawables(wrapDrawable0, null, null, null);
}