Question

我很难从插件中添加前端样式。

我创建了以下课程：

<template>
<div>
    <div v-if="cities[index]">
        {{ v-if="cities[index]" }}
    </div>
    <div class="disable" v-if="cities[index+ 1]">
        {{ v-if="cities[index+ 1]" }}
    </div>
    <button @click="index++">Next City</button>
</div>
</template>

<script>
export default {
    data() {
       return {
          cities = [
             "San Francisco",
             "Seattle",
             "Chicago",
             "Atlanta"
          ],
        index: 0
       }
    }
}
</script>

然后我在主题页面中调用该课程：

class CCYTFeatured {

     public function __construct(){
         add_action( 'wp_enqueue_scripts', array($this, 'cc_yt_scripts' ));
     }


     // Load CSS FRONT
     public function cc_yt_scripts() {
             wp_register_style( 'cc_yt-style',
                     plugins_url( '/css/cc_yt.css', __FILE__ )
                );
            wp_enqueue_style('cc_yt-style');

     }
}

我知道该类已正确调用，因为我可以通过构造函数传递字符串，并且它们可以正确输出。

请帮助

Answer 1

好，我发现了我的错误。

我没有开火

cc_yt_scripts（）

我更新的__contruct（）函数现在看起来像这样：

public function __construct(){
    $this->cc_yt_scripts();
    add_action( 'wp_enqueue_scripts', array($this, 'cc_yt_scripts' ));
}

希望它可以帮助某人。 x）

通过类的Wordpress入队样式插件

1 个答案: