小编Yot*_*han的帖子

Material UI 轮播上的多个项目

我正在使用以下Material UI Carousel库,但我无法理解如何为轮播创建多个项目。

我在文档中搜索过,没有解决方案,尝试通过定义宽度来使用 CSS 进行操作,如下所示:

  .item{
    margin: 0 auto;
    text-align: center;
    width: 30%;
  }
Run Code Online (Sandbox Code Playgroud)

也没起作用。

这是我的代码:

 function Home() {
  var items = [
    {
        name: "Pizza Begin",
        link: "pizza-begin.co.il",
        image: Begin
    },
    {
        name: "Mia Luz",
        link: "mia-luz.com",
        image: Mia
    },
    {
        name: "Nuda Swim",
        link: "nudaswim.com"
    }
   ];


   return(<>
    <Carousel navButtonsAlwaysInvisible={true} animation="slide" activeIndicatorIconButtonProps={{className: "activeIndicator"}}>
        {
            items.map( (item, i) => <Item key={i} item={item} /> )
        }
    </Carousel>

</>);
}

function Item(props)
{
    return (
        <Paper className="item">
            <img …
Run Code Online (Sandbox Code Playgroud)

javascript css reactjs material-ui

8
推荐指数
1
解决办法
1万
查看次数

在 WooCommerce 单一产品自定义选项卡中显示交叉销售

我正在尝试在单个产品页面的自定义选项卡内显示 WooCommerce 交叉销售(类似于“评论”和“其他信息”的选项卡)。为此,我尝试使用 WooCommerce 函数:

\n
woocommerce_cross_sell_display();\n
Run Code Online (Sandbox Code Playgroud)\n

但它不起作用(我没有收到错误,也没有视觉结果)。

\n

这是我到目前为止所尝试的:

\n
//Add custom tabs filter\nadd_filter(\'woocommerce_product_tabs\', \'add_new_default_product_tab\' );\nfunction add_new_default_product_tab( $tabs ) {\n\n    global $product;\n\n    // set the new priority to the "reviews" tab\n    $tabs[\'reviews\'][\'priority\'] = 20;\n\n    // gets the value to use as the title and slug of the new tab\n    $custom_tab_title = "\xd7\x90\xd7\x91\xd7\x99\xd7\x96\xd7\xa8\xd7\x99\xd7\x9d";\n    $custom_tab_title2 = "\xd7\x90\xd7\x91\xd7\x99\xd7\x96\xd7\xa8\xd7\x99\xd7\x9d \xd7\x9e\xd7\xa9\xd7\x9c\xd7\x99\xd7\x9e\xd7\x99\xd7\x9d";\n\n    // if the custom field is set, it adds the new tab\n    if ( ! empty($custom_tab_title) ) {\n        $tabs[\'awp-\' . …
Run Code Online (Sandbox Code Playgroud)

php wordpress tabs product woocommerce

5
推荐指数
1
解决办法
4547
查看次数

根据android studio编译器,数据库表不存在

我收到此错误:

android.database.sqlite.SQLiteException:没有这样的表:设置(代码1):,编译时:SELECT * FROM 设置

但我已经在 DatabaseHandler 文件中创建了表:

public class DatabaseHandler extends SQLiteOpenHelper {

    // Database Version
    private static final int DATABASE_VERSION = 1;

    // Database Name
    private static final String DATABASE_NAME = "database.db";

    //table name
    private static final String TABLE_DETAILS = "details";
    private static final String TABLE_FOOD = "food";
    private static final String TABLE_OLDDETAILS = "oldDetails";
    private static final String TABLE_SETTING = "setting";

    //Table Columns names
    private static final String KEY_ID = "id";
    private static final String KEY_NAME = …
Run Code Online (Sandbox Code Playgroud)

java mysql android

4
推荐指数
1
解决办法
1031
查看次数

使用 CSS3 在 HTML 表格上应用指示器

我正在使用 html 构建一个表格,

此表用作导航栏,我正在尝试添加 css3 动画以向导航栏添加创意,因此我使用了此代码,但我无法弄清楚为什么动画会部分出现。基本上,一旦您将孩子悬停,动画应该显示 2 个点,一个在不同颜色的上方,但'li child'表格中每个点仅出现一个且颜色相同。

如何在菜单中悬停子项时添加 2 点动画?每个孩子都会表现出不同的颜色。

CodePen https://codepen.io/yotking789/pen/JjoJYvE

html, body
{
    height: 100%;
}

body {
  margin: 0;
  padding: 0;
}
.logo {
  float: left;
}
/* ~~ Top Navigation Bar ~~ */

#navigation-container {
  width: 1200px;
  margin: 0 auto;
  height: 70px;
}

.navigation-bar {
  background-color: #352d2f;
  height: 70px;
  width: 100%;
  text-align:center;
}
.navigation-bar img{
float:left;
margin-top: -65px
}
.navigation-bar ul {
  padding: 0px;
  margin: 0px;
  text-align: center;
  display:inline-block;
  vertical-align:top;
  transform: translate(0); …
Run Code Online (Sandbox Code Playgroud)

html css

1
推荐指数
1
解决办法
72
查看次数

DatePicker不可见按钮

在此处输入图片说明

如您所知,我正在使用日期选择器(不同的语言。顶部写于2015年11月)。

我使用的是OnClickListener,当a1单击EditText 时,将弹出DatePicker对话框,您将能够选择日期,完成后您会在EditText中收到日期。

但是我在对话框的确认按钮和选择年份方面遇到了麻烦,它们是不可见的,尽管看不到它们,但我只能单击它们。

如何启用/查看构型和年份日期选择按钮?

Activity.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_first_entry"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.none.myapplication.firstEntry">
<EditText
        android:id="@+id/a1"
        android:layout_below="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout>
Run Code Online (Sandbox Code Playgroud)

Activity.java

private EditText a1;
private DatePickerDialog fromDatePickerDialog;
private SimpleDateFormat dateFormatter;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_first_entry);


    dateFormatter = new SimpleDateFormat("dd-MM-yyyy");

    findViewsById();

    setDateTimeField();

}
private void findViewsById() {
    a1 = (EditText) findViewById(R.id.a1);
    a1.setInputType(InputType.TYPE_NULL);
    a1.requestFocus();
}

private void setDateTimeField() {
    a1.setOnClickListener(this);

    Calendar newCalendar = Calendar.getInstance();
    fromDatePickerDialog = new DatePickerDialog(this, new DatePickerDialog.OnDateSetListener() …
Run Code Online (Sandbox Code Playgroud)

java xml android datepicker

0
推荐指数
1
解决办法
1271
查看次数